Answers for "how to add bullets in html"

CSS
4

html number list

<ol type="1">
	<li>Item 1</li>
	<li>Item 2</li>
	<li>Item 3</li>
</ol>

<ol type="A">
	<li>Item 1</li>
	<li>Item 2</li>
	<li>Item 3</li>
</ol>

<ol type="a">
	<li>Item 1</li>
	<li>Item 2</li>
	<li>Item 3</li>
</ol>

<ol type="I">
	<li>Item 1</li>
	<li>Item 2</li>
	<li>Item 3</li>
</ol>

<ol type="i">
	<li>Item 1</li>
	<li>Item 2</li>
	<li>Item 3</li>
</ol>
Posted by: Guest on July-31-2020
1

CSS add bullets in html manual

/* Manually Add Bullets to Elements in HTML Page*/
ul{
  position: relative;
}
ul li{
  list-style: none;
}
ul li::after{
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #f00;
  top: 2px;
  left: -8px;
  /* + or - top and left according to your style, so that they look perfect*/
}
Posted by: Guest on June-14-2021
8

how to get number list in html

<ol>
<li>Example</li>
<li>Example2</li>
<li>Example3</li>
</ol>
Posted by: Guest on January-18-2020

Browse Popular Code Answers by Language