short lagoon
hey guys, need some help with css. i'm trying to style an unordered list, i separated the content into a <span> within each <li> so i could add spacing between the bullet point and text but i'm having trouble aligning the text. i've tried applying text-align to the ul and the li but they both keep aligning the entire list item itself and applying text align to the span doesn't do anything. thanks for the help!
sturdy stratus
Hi @short lagoon ,
Per my understanding of your query, you'd like subsequent lines of each span to be left-aligned the same as the first line, and still be able to provide some left spacing between the bullet point itself and the span.
You could try something like this on the span :-
span {
position: relative; // Needed for the next line to work
left: 30px; // By how much do you want to push it to the right
}
Also, for this to work as expected, remove line-style-position: inside from the .items class styles.