Alignement retour à la ligne UL

Bonjour,
lorsque q'une texte dans mon ul li revient à la ligne car il est plus long que ma div je voudrai qu'il s’aligne avec le départ de texte au dessus.
j'ai donc dans mon css fais :

ul {
	list-style: none;
	list-style-position: outside;
}

li::before {
	content: "-";
	color: #a1a87f;
	display: inline-block;
	width: 1em;
	margin-left: 0
}

mais le texte n'est pas aligné il est décalé.
Modifié par fabrice88 (01 Mar 2019 - 18:01)

Hello

Question intéressante.

J'ai triché un peu en faisant comme ceci: https://jsfiddle.net/7tw2gqfk/

Je pense que d'autres solutions existent.

Bonjour fabrice88,

c'est normal que cela ne fonctionne pas puisque tu enleves les puce avec list-style
et que list-style-positionest relatif au puce
Voici un exemple pour régler ton pb :
https://codepen.io/Zonecss/pen/MxKMGj

J'arrive à un résultat avec les CSS ci-dessous. Les styles sur UL étant inchangés.
Sinon tu peux aussi utiliser list-style-image après avoir créé une petite image de ton tiret.

li::before {
	content: "- ";
	color: #a1a87f;
	margin-left: -0.5em;
	text-indent:0.5em;
}

Modifié par Alainpre (02 Mar 2019 - 22:09)