Within this list, I want to use CSS to indent any list item that drops a line. I attempted to achieve this using the following CSS:
li:not(::first-line) {
text-indent: 15px;
}
Unfortunately, it doesn't seem to be working as expected. Here is an example of the code being used:
body {
font-family: sans-serif;
}
li:not(::first-line) {
color: blue;
padding-left: 15px;
text-indent: 15px;
}<!DOCTYPE html>
<html>
<head>
<title>Parcel Sandbox</title>
<meta charset="UTF-8" />
</head>
<body>
<div>
<ol>
<li>Un</li>
<li>Deux</li>
<li>
Trois
<ol>
<li>A</li>
<li>
B
<br />
TEXT
</li>
<li>C</li>
</ol>
</li>
<li>Quatre</li>
<li>Canq</li>
<li>
Six
<ul>
<li>A</li>
<li>B</li>
<li>C</li>
</ul>
</li>
</ol>
</div>
</body>
</html>I'm attempting to style the word "TEXT"