18008 sujets

Questions générales et questions de débutants

[Résolu] Aligner verticalement deux phrases de tailles différentes

Modérateur
Bonjour,

Avec du flex :
.vcenter {
	display: flex;
	align-items: center;
}
.bla {
  font-size: 20px;
}
.bli {
  font-size: 100px;
}
Amicalement,
Merci beaucoup parsimonhi, je pensais avoir vu ces lignes-là dans le lien d’Alsacréations que j’avais cité, mais non, ton code marche bien.

Encore merci, et je te renvoie ton salut amical.

Belle journée à tous.
Modérateur
Bonjour,

Dans ce cas, c'est peut-être simplement la propriété vertical-align qu'il faudrait utiliser. On abandonne flex et on fait par exemple :
.vcenter {
}
.bla {
  background-color: red;
  padding: 10px;
  font-size: 20px;
  display: inline-block;
  width: auto;
  vertical-align: middle;
}
.bli {
  font-size: 100px;
  vertical-align: middle;
}
Amicalement,
Meilleure solution
Prévenir un modérateur
Répondre au sujet
Aller à