Texte automatiquement au centre Bootstrap [Fermé]

Signaler
Messages postés
40
Date d'inscription
samedi 15 juin 2013
Statut
Membre
Dernière intervention
30 mars 2020
-
Messages postés
40
Date d'inscription
samedi 15 juin 2013
Statut
Membre
Dernière intervention
30 mars 2020
-
Bonjour,
Commençant à programmer avec bootstrap je fais face a quelques problèmes : dna sle code ci dessous j'aimerais que mon texte sois centré horizontalement mais pas verticalement, et cependant il est centré verticalement mais pas horizontalement ...
Auriez vous une idée ?


<!DOCTYPE html>
<html>
<head>
<link href="bootstrap/css/bootstrap.css" rel="stylesheet">
<link href="style.css" rel="stylesheet">
</head>
<body>
<div class="container">
<div class="row">
<div class="col-sm-3" "texte">3 colonnes
</div>
<div class="col-sm-6" id="frise">
<canvas id="canvas" height="1000">
<p>Votre navigateur ne supporte pas Canvas.</p>
</canvas>



</div>
<div class="col-sm-3 box" "texte">
<p> 3 colonnes </p>
</div>
</div>
<div class="row">
<div class="col-sm-3"><div class="centre"> ok </div></div>
</div>
</div>
</body>
</html>

<style>

body {
padding-top: 10px;
}
[class*="col-"], footer {
border: 1px solid black;
border-radius: 6px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
line-height: 1000px;
text-align: top;

}
p{

vertical-align: top
}
.centre{
text-align: center;
}

</style>



Merci d'avance



1 réponse

Messages postés
2379
Date d'inscription
lundi 11 février 2013
Statut
Membre
Dernière intervention
10 mars 2020
423
Salut,

Ton problème vient surement du "line-height: 1000px;".

Bonne journée,
Messages postés
40
Date d'inscription
samedi 15 juin 2013
Statut
Membre
Dernière intervention
30 mars 2020
185
Merci pour ta réponse rapide ! En effet le fait de ne pas bloquer la hauteur fixe le problème ;)