HTML-practice/orderedlist.html at main · Amarnathpalanivel/HTML-practice · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<DOCTYPE html>
<html lang="en">
<head><title>Ordered List Example</title></head>
<body>
<h1>Fruit Shop</h1>
<ul style="display: contents; align-items: right;">
<li style=" padding: 20px;">Home</li>
<li style=" padding: 20px;">Contect Us</li>
<li style=" padding: 20px;">About Us</li>
<li style=" padding: 20px;">Feedback</li>
</ul>
<ol type="A"style="display:flex; padding: 20px;">
<li style=" padding: 20px;">Apple <img src="apple.WEBP" width="100px" style="display:flex; border: solid rgb(68, 18, 18) 10px;"></li>
<li style=" padding: 20px;">Banana <img src="banana.WEBP"width="100px"style="display:flex; border: solid rgb(68, 18, 18) 10px;"></li>
<li style=" padding: 20px;">Charry <img src="cherry.WEBP"width="100px"style="display:flex; border: solid rgb(68, 18, 18) 10px;"></li>
<li style=" padding: 20px;">Orange <img src="orenge.WEBP"width="100px"style="display:flex; border: solid rgb(68, 18, 18) 10px;"></li>
<li style=" padding: 20px;">Grape <img src="grapes.WEBP"width="100px"style="display:flex; border: solid rgb(68, 18, 18) 10px;"></li>
</ol>
</body>
</html>