28172 sujets

CSS et mise en forme, CSS3

Bonjour !

Dans le but de rendre ma page web plus "sémantiquement correcte", je voudrais utiliser la balise prédéfinie de bloc <code> en lieu et place de <p class="code">.
(...)

code	{margin-left: 50px;}
.code	{margin-left: 50px;}

(...)

<code>
je ne suis <br/>
pas content
</code>
<p class="code">
je suis <br/>
content
</p>

(...)

Comment se fait-il qu'il me donne ce résultat :

_____je ne suis
pas content

_____je suis
_____content

C'est à dire : pourquoi me perd-il la marge de gauche après le <br/> dans le cas de <code> ?
Modifié par Frouppy2 (14 Sep 2009 - 22:07)
Salut,

Ce comportement est normal étant donné que la balise code est une balise inline. Un display:block corrige ton problème.
Agylus a écrit :
Salut,
Ce comportement est normal étant donné que la balise code est une balise inline. Un display:block corrige ton problème.


Ah merci ! Trop cool ! ça marche ! J'ai dû lire quelque part que c'était une balise de type block, et j'ai bloqué (c'est le cas de le dire)
Smiley cligne