Je suis en train de réaliser mon 1er projet, un portfolio, mais j'ai quelques petits soucis pour centrer un élément...
Sur mon petit écran le texte est parfaitement centrer mais pas quand je met chrome sur le grand écran.
Voici les codes :
<div class="photo_presentation">
<div class="profil">
<a href="image/grandprofil.jpg"><img src="image/miniprofil.jpg" alt="Proto de profil miniature"></a>
</div>
<div class="presentation">
Je suis nouveau dans le développement web.
J'apprend à créer mon portfolio via <a href="https://openclassrooms.com/courses/apprenez-a-creer-votre-site-web-avec-html5-et-css3" target="blank">OpenClassrooms,</a>
Mais aussi via le cours de <a href="http://pierre-giraud.com/" target="blank">Mr Pierre Giraud.</a>
</div>
</div>
.photo_presentation { /*Photo de profil + Texte de présentation en dessous*/
clear: both;
display: flex;
flex-wrap: wrap;
align-items: center;
height: 300px;
width: 100%;
}
.profil { /*Photo de profil seule*/
width:300px;
height:300px;
overflow:hidden;
border-radius:150px;
margin-left: 10%;
}
.presentation { /*Texte de présentation seul*/
text-align: center;
padding: 20px;
white-space: pre;
}
@Lucky13 merci du conseil j'ai corriger avec un white-space: pre; :)
Problème de centrage
× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
× Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
Compos sui.