Pour créer une ligne horizontale qui entoure du texte, vous pouvez créer une CLASS CSS que vous affiliez à la balise HTML qui contient le texte, puis utiliser la propriété CSS flex pour adapter automatiquement la ligne, ainsi que les pseudo-éléments ::before et ::after pour positionner les traits.
Voici un exemple pour faire une ligne horizontale, avec un mot au milieu, en HTML et CSS :
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Comment faire une ligne horizontale avec un mot au milieu en HTML ?</title>
<style>
.ligne_horizontal {
display: flex;
flex-direction: row;
}
.ligne_horizontal:before,
.ligne_horizontal:after {
content: "";
flex: 1 1;
border-bottom: 2px solid #000;
margin: auto;
}
</style>
</head>
<body>
<div class="ligne_horizontal">1FORMATIK.com</div>
</body>
</html>
