Hello, I am trying to have this list slant like what it does in the code but I need them to be ordered with lowercase letters. Like the first image should look like a.(image) b.(image2) c.(image3) Here is my code. Thank you! Document Question 3
Hello, I am trying to have this list slant like what it does in the code but I need them to be ordered with lowercase letters. Like the first image should look like
a.(image)
b.(image2)
c.(image3)
Here is my code. Thank you!
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<ol>
<li>
Question 3
<ol type="a"
<ol
<li><img src="exam.gif" alt="Image 1" width="200" height="150"></li>
<ol>
<li><img src="OIP.jpg" alt="Image 2" width="200" height="150"></li>
<ol>
<li><img src="Successful.jpg" alt="Image 3" width="200" height="150"></li>
</ol>
</ol>
</ol>
</li>
</ol>
</body>
</html>
In the given HTML code <ol> tags are not closed properly are incorrectly nested.
Change made-
- Properly closing the <ol> tags.
- Setting the type attribute to "a" for each nested <ol> to ensure lowercase letters are used.
- Correctly nesting the <ol> and <>li elements to achieve the desired indentation.
Step by step
Solved in 3 steps with 1 images
