Marge lors d'un retour à la ligne CSS

Fermé
Shadow-Live Messages postés 32 Date d'inscription lundi 26 mars 2012 Statut Membre Dernière intervention 29 avril 2014 - 29 avril 2014 à 21:36
Bonjour à tous. Aujourd'hui je viens vous voir car j'aurais besoin d'un petit renseignement quant aux marges lors de la création d'un site web. Je m'explique: je suis en train de créer mon site web et j'ai un problème. Lorsque je créer un paragraphe qui fait plus d'une ligne en longueur, la marge lors du retour à la ligne n'est pas respectée et je n'arrive pas à trouver de solution. Par ailleurs lorsque j'indique une valeur pour la largeur d'une photo (en CSS) celle ci n'est pas prise en compte.
Quelqu'un pourrait-il m'aider? :)

HTML :
<!DOCTYPE>
<html>
<head>
<meta charset="utf-8" />
<link rel="stylesheet" href="CSSfiles/studiophotostl.css" />

<title>StudioPhotos_TL</title>


<h1>StudioPhotos_TL</h1>
<h2>« Une photographie, c'est un fragment de temps qui ne reviendra pas»</h2>


<menu>
<br>
<div id="wrapper">
<ul id="menu_horizontal">
<li><a href="StudioPhotos_TL.html">Acceuil</a></li>
<li><a href="Pr%C3%A9sentation.html">Présentation</a></li>
<li><a href="web/index.html">Album photos</a></li>
<li><a href="Matériel.html">Matériel</a></li>
<li><a href="Nouscontacter.html">Nous contacter</a></li>
</ul>
</div>
</menu>
</head>
<br>
<br>
<br>
<body>
<p2>
Bienvenue sur notre site internet.
<br>
<br>
</p2>
<p3>
Nous sommes deux passionnés de photographie de 17 ans, et nous souhaitons partager certains de nos plus beaux clichés.
<br>
<br>
</p3>
<p4>
Nous espérons que vous allez apprécier et n'hésitez pas à nous faire part de toutes vos remarques.
<br>
<br>
</p4>
<p5>
Profitez bien!
<br>
<br>
</p5>
<p6>
Thibault et Louis-Adrien
<br>
</p6>

<figure>
<img src="image_acceuil.jpg" alt="image_acceuil" width="1200" height="800" />
</figure>
</body>

</html>


CSS :

@font-face
{
font-family: "chiller";
src: url("chiller.ttf");
}

@font-face
{
font-family: "chalkboard";
src: url("Chalkboard.ttf");
}

head /* background non efficace */
{
background-color: white;
}

h1
{
text-align: center;
font-family: "chiller", chiller;
font-size: 60px;
color:rgba(255,0,112,0.75);
margin: 0px;
padding: NaNpx NaNpx NaNpx NaNpx;
}

h2
{
font-family: "chiller", chiller;
font-size: 30px;
font-style: italic;
text-align: center;
color:rgba(255,0,112,0.75);
margin: auto;
padding: NaNpx NaNpx 100px NaNpx;
}

div#wrapper {
overflow: hidden
}

ul#menu_horizontal, #menu_horizontal li {
margin: 0px;
padding: 0px;
list-style: none;
float: left;
position: relative;
}

ul#menu_horizontal {
width: auto;
height: auto;
left: 50%;

}

ul#menu_horizontal li {
display: inline;
margin:auto;
padding: 0 1em;
right: 50%;
}

ul#menu_horizontal a {
color: white;
font-size: large;
text-decoration: none;
font-family: "chalkboard", Chalkboard;
}

ul#menu_horizontal a:hover { color: rgba(255,0,112,0.75); }

body
{
background-color: #3a3a3a;
color: white;
}

p1, p2, p3, p4, p5
{
margin-left: 42px;
}

article1
{
float: left;
width: 60%;
height: auto;
display: block;
text-align: left;
}

figure1
{
width: 40%;
display: block;
height: auto;
}