Ol ul indent


Some of the text on a few of my bullet points carry over multiple lines, but its not maintaining its indentation as seen here:


Can anyone spot where i have gone wrong please?


text-indent only applies to the first line of the element (think about how paragraphs used to be indented on the first line, back in the days of typewriters, and often still are in books). To get subsequent lines indented, you should use margin-left instead.

Yes, use left margin instead of text-indent. However, if you want the effect as seen on the page you linked to (with the first line extending further left than the rest of the text), use left margin, and then a negative text indent to pull the first line to the left.

ul {margin-left: 50px; text-indent: -30px;}