Comment créer une ligne verticale en HTML

Vous pouvez utiliser la propriété border sur l’élément <span> en combinaison avec une autre propriété CSS, telle que la propriété display et height, pour créer des lignes verticales au format HTML.
 
 

Code source :
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Créer une ligne verticale en HTML</title>
		<style>
			.vertical-line{
				border-left: 2px solid #000;
				display: inline-block;
				height: 130px;
				margin: 0 20px;
			}
		</style>
	</head>
	<body>
		Lorem ipsum
		<span class="vertical-line"></span>
		Lorem ipsum
	</body>
</html>
Résultat
Lorem ipsum Lorem ipsum

 

Partagez cet article

Une réflexion sur “Comment créer une ligne verticale en HTML

  • Avatar
    novembre 3, 2019 à 3:09
    Permalien

    Bonjour, J’aimerais, s’il vous plait, savoir comment dessiner en html une ligne verticale de séparation. merci d’avance

    Répondre

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *