Discussion :

[solorac]

Bonjour la Communauté,

J'aimerai connaître la meilleur façon de contrer dans la hauteur d'une div.
Ex : width = 858 et height = 86.

Je dois écrire une ligne.

Et j'aimerai ne pas avoir à me servir de <br>

Merçi pour votre aide

[c_s_s]

Bonjour,

Si tu n'as qu'une seule ligne de texte, je pense que la solution la plus simple est d'utiliser la propriété line-height

CSS

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
.monbloc {
	width: 88px;
	height: 86px;	
	line-height:86px;
}

HTML

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<div class="monbloc">Ligne de texte</div>

[solorac]

Merci pour ton aide.
Je teste.
@+

[Erwan31]

Mieux vaut passer par une unité dépendante de la taille de texte pour éviter
le passage du texte sur 2 lignes à l'agrandissement du texte (ctrl Molette ou Ctrl +). Par ailleurs il est plus pertinent de baliser le texte par un élément p
au lieu d'en faire uniquement une boîte de bloc anonyme (DIV).

Exemple

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
.monbloc {
	width: 40em;
	height: 5em;
	line-height: 5em;	
}
<p class="monbloc">Ligne de texte</p>

Attention aux effets produits par l'allongement de la boîte p, cela ne doit pas empêcher l'accessibilité d'un contenu à défaut d'une dégradation
visuelle acceptable.