Comment créer une ligne verticale en HTML

juillet 11, 2019février 10, 2020 Amine KOUIS 1 Commentaire

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>