CSS vertical-align élement frére-parent
Bonjour,
Je souhaite centrer en hauteur un bouton par rapport au paragraphe.
Voici le code qui fonctionne:
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28
| <!DOCTYPE html>
<html>
<head>
<style>
* {margin: 0;padding: 0;}
form{
display:inline;
}
p{
display:inline-block;
vertical-align:middle;
}
</style>
<title>test</title>
</head>
<body>
<div>
<p>
paragraphe paragraphe </br>paragraphe paragraphe </br>paragraphe paragraphe </br>paragraphe paragraphe </br>
paragraphe paragraphe </br>paragraphe paragraphe </br>paragraphe paragraphe </br>paragraphe paragraphe </br>
paragraphe paragraphe </br>paragraphe paragraphe </br>paragraphe paragraphe </br>paragraphe paragraphe </br>
</p>
<form>
<input type="submit" value="suprimer"/>
</form>
</div>
</body>
</html> |
Ma question: pourquoi la propriété vertical-align ce met sur l'élément frère (le paragraphe) du bouton et pas sur son élément parent (la div), ce qui me paraitrai plus logique?