Bonsoir, je souhaiterais aligner parfaitement les circle check avec la ligne d'explication . j'ai essayé plusieurs combinaison de propriétés mais ca ne fonctionne. pas ce n'est pas parfaitement aligné .
pourriez vous me donner un coup de main ?
merci par avance
<h3 class="services__modal-title">Création site web</h3>
<p class="services__modal-descrription">Rendre les interfaces web claires et faciles, faire preuve de créativité et d'imagination</p>
<ul class="services__modal-services grid">
<li class="services__modal-service">
<i class="fa-solid fa-circle-check services__modal-icon"></i>
<p class="services__modal-info">Etablir le cahier des charges des éléments visibles</p>
</li>
<li class="services__modal-service">
<i class="fa-solid fa-circle-check services__modal-icon"></i>
<p class="services__modal-info">Concevoir et développer ces éléments en mettant en place une interface logique, fluide et accessible</p>
</li>
<li class="services__modal-service">
<i class="fa-solid fa-circle-check services__modal-icon"></i>
<p class="services__modal-info">Intégrer les maquettes et resoudres les bugs</p>
</li>
</ul>
</div>
</div>
Bonjour, Pas d'image de code totalement inutilisable par copier coller pour test éventuels.
Merci de colorer votre code à l'aide du bouton Code
Les forums d'Openclassrooms disposent d'une fonctionnalité permettant de colorer et mettre en forme les codes source afin de les rendre plus lisibles et faciles à manipuler par les intervenants. Pour cela, il faut utiliser le bouton de l'éditeur, choisir un des langages proposés et coller votre code dans la zone prévue. Si vous utilisez l'éditeur de messages en mode Markdown, il faut utiliser les balises <pre class="brush: xml;">Votre code ici</pre>.
Merci de modifier votre message d'origine en fonction.
bonjour, merci de votre retour, mais le problème c'est que j'ai mis une classe au <p> pour pouvoir styliser tout ca , y'aurait-il un autre moyen que de le supprimer complètement, de plus je n'ai pas compris comment en le supprimant cela pourrait fonctionner . merci de votre aide en tout cas .
Ce que tu cherche est en fait un alignement vertical et non horizontal.
En mettant un "display: inline-block" et un "vertical-align: middle" sur tes éléments <p> c'est bon :
<div>
<h3 class="services__modal-title">Création site web</h3>
<p class="services__modal-descrription">Rendre les interfaces web claires et faciles, faire preuve de créativité et d'imagination</p>
<ul class="services__modal-services grid">
<li class="services__modal-service">
<i class="fa-solid fa-circle-check services__modal-icon"></i>
<p class="services__modal-info" style="display: inline-block; vertical-align: middle;">Etablir le cahier des charges des éléments visibles</p>
</li>
<li class="services__modal-service">
<i class="fa-solid fa-circle-check services__modal-icon"></i>
<p class="services__modal-info" style="display: inline-block; vertical-align: middle;">Concevoir et développer ces éléments en mettant en place une interface logique, fluide et accessible</p>
</li>
<li class="services__modal-service">
<i class="fa-solid fa-circle-check services__modal-icon"></i>
<p class="services__modal-info" style="display: inline-block; vertical-align: middle;">Intégrer les maquettes et resoudres les bugs</p>
</li>
</ul>
</div>
Quand un homme a faim, mieux vaut lui apprendre à pêcher que de lui donner un poisson. Confucius
Oublies pas de vérifier que ça ne rentre pas en conflit avec un autre morceau de ton CSS au cas où...
Cordialement...
BONJOUR ! Je ne vois pas ou je n'ai pas été courtoise, j'ai juste dit que je n'avais pas eu de reponse a ma question faut pas se sentir attaqué pour rien ; je dis bonjour merci aurevoir a chaque fois que je viens ici et je suis tres reconnaissante de l'aide qu'on mapporte Quand CA M Aide !
Tu peux passer le sujet à "résolu" (bouton en haut à droite du sujet) et cliquer sur les pouces levés des messages qui t'ont aidé⋅e
aligner des elements horizontalement
× 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.
Quand un homme a faim, mieux vaut lui apprendre à pêcher que de lui donner un poisson.
Confucius
Quand un homme a faim, mieux vaut lui apprendre à pêcher que de lui donner un poisson.
Confucius
Quand un homme a faim, mieux vaut lui apprendre à pêcher que de lui donner un poisson.
Confucius