CSS Sub-orderd list

Developer
Size
1,965 Kb
Views
6,072

How do I make an css sub-orderd list?

What is a css sub-orderd list? How do you make a css sub-orderd list? This script and codes were developed by Tommy on 27 December 2022, Tuesday.

CSS Sub-orderd list Previews

CSS Sub-orderd list - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>CSS Sub-orderd list</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div> <dl id="foo"> <dt>heding</dt> <dd><b>Kafka</b>Lorem</dd> <dd><b>Kafka</b>Lorem</dd> <dd><b>Kafka</b>Lorem</dd> </dl> <dl> <dt>heding</dt> <dd>Lorem</dd> <dd>Lorem <ol> <li>aaa</li> <li>aaa</li> </ol> </dd> <dd>Lorem</dd> </dl>
</div>
</body>
</html>

CSS Sub-orderd list - Script Codes CSS Codes

@import url("https://fonts.googleapis.com/css?family=Roboto");
body { font-family: 'Roboto', sans-serif;
}
body,
dt { counter-reset: section;
}
dt { list-style-type: none; counter-reset: subsection; font-weight: 700;
}
dt:before { counter-increment: section; content: counter(section) ". ";
}
dd:before { counter-increment: subsection; content: counter(section) "." counter(subsection) " ";
}
dd ol { list-style-type: lower-alpha; margin: 0;
}
#foo dd:before { content: '';
}
CSS Sub-orderd list - Script Codes
CSS Sub-orderd list - Script Codes
Home Page Home
Developer Tommy
Username hoehoe
Uploaded December 27, 2022
Rating 3
Size 1,965 Kb
Views 6,072
Do you need developer help for CSS Sub-orderd list?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Tommy (hoehoe) Script Codes
Create amazing blog posts with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!