Bonjour, bonjour 

toujours à la recherche de bons conseils sur le projet 1 

cette fois je voudrais passer le point bleu devant la ligne ... et mettre ce fameux ensemble (ligne+point) au centre sous le h2 ! 

encore merci de vos retours, j'espère qu'un jour ce sera à mon tour d'aider les autres 

voilà ce que j'obtiens plus bas et voilà mes codes 

	<div id="title"> 
		<h2> NOS SERVICES </h2>
		
		<div class="one"> 
		<i class="fas fa-circle"> <div class="lign"> </div> </i>
		</div>
	

	<p> Webagency place vos clients au centre de vos projets de communication. </p>
	</div>

#services
{
    width: 100%;
}
h2
{
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 500px;
}
#title p
{
   margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding-top: 15px;
}
#title .one
{
    margin-left: auto;
    margin-right: auto;
    padding-top: 3px;
}
.lign
{
    position: relative;
    bottom: 10px;
    border-bottom: 3px solid #d3d3d3;
    width: 200px;
}
.one .fa-circle 
 { 
    position: absolute;
    text-align: center;
    padding: 5px;
    color: #30a2bf;
    font-size: 16px;
}