CSS Sub-orderd list
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 - 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: '';
}
Developer | Tommy |
Username | hoehoe |
Uploaded | December 27, 2022 |
Rating | 3 |
Size | 1,965 Kb |
Views | 6,072 |
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!
Name | Size |
CSS animation | 2,194 Kb |
Timeline with CSS | 2,552 Kb |
Customise Scroll Bar with css | 2,853 Kb |
Web SQL | 1,983 Kb |
Timeline sample | 2,263 Kb |
Parallax with only css | 3,096 Kb |
Adding FontAwsome icon via CSS pseudo vs fa class | 2,614 Kb |
Custom checbox with css | 2,825 Kb |
Flex box | 2,171 Kb |
Check box in Bootstrap Drop down list | 2,170 Kb |
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!
Name | Username | Size |
STAR WARS LIGHTSABER | Francoiscoron | 4,420 Kb |
Slider | Mohammed-fawzy | 2,634 Kb |
CSSOff 2013 Submission | Codewunder | 14,766 Kb |
Siema - add pagination to prototype | Pawelgrzybek | 2,575 Kb |
Rrremark.com Overlay Highlighter | Derickruiz | 4,438 Kb |
Heartbeat | Apetrov | 2,079 Kb |
A Pen by Paul Sullivan | Pwsm50 | 2,349 Kb |
Pure CSS Animated Photo Stack | Depthdev | 2,486 Kb |
Pattern lab logo | TimPietrusky | 3,666 Kb |
Rainbow Drops | Csbarnes | 2,365 Kb |
Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup. Hide Your IP Now!