désolé pour le titre, j'ai pas pu résister...
j'ai deux paragraphes stylisés que je mets en inline-blok.
voici le css :
et le html :
Ils ne sont plus alignés du tout !
Si le premier p contient du texte, le second 'remonte' pour s'aligner mais pas autrement.
Quelqu'un a une explication ?
j'ai deux paragraphes stylisés que je mets en inline-blok.
voici le css :
#reponse p{
display: inline-block;
margin : 20px 0px 5px 10px;
font-family: Arial,sans-serif;
font-size: 1.5em;
height: 43px; padding-top: 8px;/*permet le centrage vertical*/
text-align: center;
color: white;
background: linear-gradient( #555, #2C2C2C);
border-radius: 8px; text-shadow: 0px 1px 0px rgba( 255, 255, 255, 0.2);
box-shadow: 0 0 5px rgba( 0, 0, 0, 0.5), 0 -1px 0 rgba( 255, 255, 255, 0.4);
}
#reponse p:first-child {width: 200px;}
#reponse p:last-child {width: 60px;}
et le html :
<article id="reponse">
<p></p><p>GO</p>
</article>
Ils ne sont plus alignés du tout !
Si le premier p contient du texte, le second 'remonte' pour s'aligner mais pas autrement.
Quelqu'un a une explication ?
