27314 sujets

CSS et mise en forme, CSS3

Bonjour à tous,

Je cherche de l'aide pour créer une barre verticale entre mes différents bullets points.

Je souhaite ajouter une barre verticale entre chaque élément.

Résultat souhaité : https://leap.mediumra.re/about-company.html (voir plus bas dans la page, je cherche uniquement à ajouter la barre verticale).

Code actuel :

<div class="d-flex mb-4" data-aos="fade-up" data-aos-delay="NaN">
                        <div class="process-circle bg-primary-2"></div>
                        <div class="ml-3">
                            <h5>Titre 1</h5>
                            <p>
                                Description
                            </p>
                        </div>
                    </div>
                    <div class="d-flex mb-4" data-aos="fade-up" data-aos-delay="NaN">
                        <div class="process-circle bg-primary-2"></div>
                        <div class="ml-3">
                            <h5>Titre 2</h5>
                            <p>
                                Description
                            </p>
                        </div>
                    </div>


Merci d'avance pour votre aide.
Modérateur
Ola,

Deux solutions entre autres :
- mettre une grande barre sur toute la hauteur et tes point viennent la masquer
- mettre une petite barre en ::before avant chaque point à partir du second

Difficile de juger sans voir un peu ce que tu as pour le moment.