Hello Reader's
Here is an example bullet list (unordered list) without using any image, you can use custom bullets in your web page as done below.
Here is the HTML
<div class="demo">
<ul>
<li>Your Listing Content type here.............</li>
<li>Your Listing Content type here.............</li>
<li>Your Listing Content type here.............</li>
</ul>
</div>
Here is the CSS
*{
padding:0px;
margin:0px;
}
.demo ul li {
position: relative;
list-style: none;
font-family: 'Raleway', sans-serif;
vertical-align: middle;
font-size: 14px;
padding-left: 1%;
}
.demo ul li::before {
color: #43c787;
content: "";
display: inline-block;
left: -15px;
font-size: 35px;
vertical-align: middle;
position: absolute;
}
In above code I have used unordered list and provided color to it, usually you can not provide any color to the list it is by-default but using CSS you can provide any color to the list you want.
Hope this code will helpfull for you :)
0 Comment(s)