0
273
ViewsHow to style the li tag bullets (make them smaller) in with TailwindCSS,
Really easy problem, but I still have been searching for a long time to find a solution, I need to style the list bullets to be smaller, and in Tailwind. thanks in advance ๐
ยท
Juan Pablo Isaza
2 answers
Answer question0
You can use the following snippet . However you can use the font that you've used in the shared screenshot.
<script src="https://cdn.tailwindcss.com"></script>
<div>
<h3 class="text-blue-400 font-bold">Key Discussion points</h3>
<ul class="list-outside list-disc ml-6 text-indigo-900 font-medium">
<li> Lorem ipsum dolor sit amet, consectetur adipiscing elit</li>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean sollicitudin convallis viverra.</li>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean sollicitudin convallis viverra.</li>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean sollicitudin convallis viverra.</li>
<ul>
</div>
ยท
Juan Pablo Isaza
Report
0
Try this:
li::marker {
font-size: 16px;
}
Reference
ยท
Juan Pablo Isaza
Report
Answer question