Bonjour,

Habituellement, lorsque je veux exprimer du code dans une page htm, je le mets entre les balises code et là je découvre la balise pre qui est intéressante pour garder l'indentation d'un code ! Cependant, je voudrais savoir s'il est possible de réduire la marge générée.

Voici ce que j'ai essayé :

essai sans succès

Code htm : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
	<div id="codesource">
	<pre>
	<code>
		h2.font {
			font: italic bold 30px Verdana, Helvetica, Arial, sans-serif;
			}
		h3.font {
				font: bold 6em Times, Garamond;
				}		
	</code>
	</pre>
    <p>
    Je voudrais réduire la marge du flux contenu dans les balises <em>code</em> vers la gauche <em>en gardant l'indentation !</em>
    </p>
</div>

Code css : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
 
div {border: 1px solid green; width: 700px;}
pre {
  background: silver; width: 700px;
  margin-left: 0px; /* inutile, valeur par défaut*/
  padding-left: 0px; /* ne fonctionne pas */
  text-align: left; /* ne fonctionne pas ! */
}
code {margin-left: 0px;} /* n'est pas pris en compte */
p {text-align: center; color: #A05631;}
em {color: green;}

Je me demande si c'est faisable en CSS.