Oops! It appears that you have disabled your Javascript. In order for you to see this page as it is meant to appear, we ask that you please re-enable your Javascript!

List – Shorthand property in HTML and CSS

List – Shorthand property in HTML and CSS

In this tutorial, we will learn the code of  “List – Shorthand property in HTML and CSS”.

Code of  “List – Shorthand property in HTML and CSS”

<html>
<head>
<style>

ul {
    list-style: square;
    font-size: 30px;
    color: purple;
}

</style>
</head>
<body>

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

</body>
</html>


The output of  “List – Shorthand property in HTML and CSS”

List - Shorthand property in HTML-CSS

Figure: List – Shorthand property in HTML-CSS