An Image as The List Item Marker in HTML and CSS

An Image as The List Item Marker in HTML and CSS

In this tutorial, we will learn the code of “An Image as The List Item Marker in HTML and CSS”.

Code of  “An Image as The List Item Marker in HTML and CSS”

<html>
<head>
<style>

ul {
    border: 5px solid blue;
}

</style>
</head>
<body>

<h1>An Image as The List Item Marker:</h1>

<ul>
  <li>Tea</li>
  <li>Sandwich</li>
  <li>Coca-Cola</li>
</ul>

<br>
<img src="logo.jpg"/>

</body

</html>

The output of code of “An Image as The List Item Marker in HTML and CSS”

An Image as The List Item Marker in HTML - CSS
Figure: An Image as The List Item Marker in HTML – CSS
Prof.Fazal Rehman Shamil (Available for Professional Discussions)
1. Message on Facebook page for discussions,
2. Video lectures on Youtube
3. Email is only for Advertisement/business enquiries.