Texte automatiquement au centre Bootstrap

Fermé
0cTeT Messages postés 39 Date d'inscription samedi 15 juin 2013 Statut Membre Dernière intervention 30 mars 2020 - 30 oct. 2017 à 16:31
0cTeT Messages postés 39 Date d'inscription samedi 15 juin 2013 Statut Membre Dernière intervention 30 mars 2020 - 30 oct. 2017 à 18:29
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

Pitet Messages postés 2826 Date d'inscription lundi 11 février 2013 Statut Membre Dernière intervention 21 juillet 2022 524
30 oct. 2017 à 16:34
Salut,

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

Bonne journée,
0
0cTeT Messages postés 39 Date d'inscription samedi 15 juin 2013 Statut Membre Dernière intervention 30 mars 2020 211
30 oct. 2017 à 18:29
Merci pour ta réponse rapide ! En effet le fait de ne pas bloquer la hauteur fixe le problème ;)
0