Skip to content

Instantly share code, notes, and snippets.

@anandprabhakar0507

anandprabhakar0507/gemqnr.markdown

Last active March 12, 2019 20:49
Show Gist options
  • Save anandprabhakar0507/28de45618c54869a07356e32f103982b to your computer and use it in GitHub Desktop.
Save anandprabhakar0507/28de45618c54869a07356e32f103982b to your computer and use it in GitHub Desktop.
Download ZIP
GeMQNr
Raw
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>sample</title>
</head>
<body >
<div>
<h2>
Unordered Lists
</h2>
<ul>
<li>
Athens
</li>
<li>
Rome
</li>
<li>
London
</li>
<li>
Dublin
</li>
</ul>
</div>
<div>
<h2>
Ordered Lists
</h2>
<ol>
<li>
Apples
</li>
<li>
Bananas
</li>
<li>
Kumquats
</li>
<li>
Olives
</li>
</ol>
</div>
</body>
</html>
Raw
style.css
div{
display: inline-block;
width: 45%;
}
ol{
list-style-type : upper-roman;
}
ul{
list-style-type: square;
}
/* if i use ul,ol{
list-style-image: square url(https://archive.org/download/apimage/ap.png);
then it means hey if you cant find any picture on url then use square shape instead
also priority is given to the styles written at last.
we can also prioritise styles by applying !important after the style property.
*/
ul,ol{
list-style-image: url(https://archive.org/download/apimage/ap.png);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment