0
votes

Comment aligner un paragraphe au milieu de la DIV?

Utilisation d'un couple de conteneurs angulaires, je veux aligner au milieu des cellules le texte. Malheureusement, l'alignement vertical ne fonctionne pas.

Par la présente, le code: p>

<main>
  <div class="vertical-align">
    <p>{{ data.text}}</p>
  </div>
</main>

angular html css alignment boilerplate

0 commentaires

4 Réponses :

0
votes

Veuillez reporter la référence CSS HTML de base

<!DOCTYPE html>
<html>

<body>
<div class="flex-container">
  <p>Content in center</p>
</div>

</body>
</html>

0 commentaires

0
votes

Aligner vertical ne fonctionne pas avec des éléments de blocage. p code> est un élément de bloc

Pour centrer verticalement, vous devez utiliser Flexbox P>

<main>
  <div class="vertical-align">
    <p>lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem </p>
  </div>
</main>

0 commentaires

1
votes

Il existe un exemple simple sur W3Schools sur la façon de centrer verticalement et horizontalement à l'aide de la position et de la transformation.

Voici un exemple de travail. P>

<main>
  <div class="center">
    <p>test</p>
  </div>
</main>

0 commentaires

0
votes

Utilisez le centre Text-Align pour centrer votre paragraphe

.center p
{
     text-align: center;
}

0 commentaires