Computer scienceFrontendCSSBasic propertiesSpecific properties

List style

Theory

The Tallest Rockets

Report a typo

Do you like science? If so, we have a little challenge for you. The list below contains the top 10 biggest rockets ever launched. But this list would look more interesting if we change the markers, so let's do it!
Use list-style to set the type to lower-roman and position to inside of the ul element. You do not need to set the value for the image.

Write HTML and CSS code
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Rockets</title>
</head>
<body>
<p>List of the tallest rockets ever launched.</p>
<ul>
<li>Saturn V: 110.6 meters (363 feet)</li>
<li>N1: 105 meters (344 feet)</li>
<li>Ares I-X: 94.2 meters (309 feet)</li>
<li>Delta IV Heavy: 72 meters (236 feet)</li>
<li>Falcon Heavy: 70 meters (230 feet)</li>
<li>Angara-A5: 64 meters (210 feet)</li>
<li>Delta IV Medium: 62.50 meters (205.5 feet)</li>
<li>Ariane 4: 58.72 meters (192.65 feet)</li>
<li>Atlas V: 58.30 meters (191.27 feet)</li>
<li>Space Shuttle: 56.14 meters (184.2 feet)</li>
</ul>
</body>
</html>

Completed 1 of 2
The <ul> tag has the correct style.
The code is valid
___

Create a free account to access the full topic