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 de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *