Learn how do you make a list that lists its items with squares?

In this sort code example, you will learn how do you make a list that lists its items with squares. In order to create a…

The post Learn how do you make a list that lists its items with squares? appeared first on CodeSource.io.


This content originally appeared on CodeSource.io and was authored by Deven

In this sort code example, you will learn how do you make a list that lists its items with squares. In order to create a list that lists its items with squares we use list-style-type CSS property.

ul{
list-style-type: square;
}

Consider the example below Fruitslist.html:

<!DOCTYPE html>
<html>
   <head>
      <title>Fruits List</title>
   </head>
   <body>
      <h1>Fruits</h1>
      <p>The list of Fruits :</p>
      <ul style="list-style-type:square">
         <li>Mango</li>
         <li>Grapes</li>
         <li>Apple</li>
      </ul>
   </body>
</html>

You will get the following output in the browser:

Related Articles

The post Learn how do you make a list that lists its items with squares? appeared first on CodeSource.io.


This content originally appeared on CodeSource.io and was authored by Deven


Print Share Comment Cite Upload Translate Updates
APA

Deven | Sciencx (2021-02-11T07:28:47+00:00) Learn how do you make a list that lists its items with squares?. Retrieved from https://www.scien.cx/2021/02/11/learn-how-do-you-make-a-list-that-lists-its-items-with-squares/

MLA
" » Learn how do you make a list that lists its items with squares?." Deven | Sciencx - Thursday February 11, 2021, https://www.scien.cx/2021/02/11/learn-how-do-you-make-a-list-that-lists-its-items-with-squares/
HARVARD
Deven | Sciencx Thursday February 11, 2021 » Learn how do you make a list that lists its items with squares?., viewed ,<https://www.scien.cx/2021/02/11/learn-how-do-you-make-a-list-that-lists-its-items-with-squares/>
VANCOUVER
Deven | Sciencx - » Learn how do you make a list that lists its items with squares?. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2021/02/11/learn-how-do-you-make-a-list-that-lists-its-items-with-squares/
CHICAGO
" » Learn how do you make a list that lists its items with squares?." Deven | Sciencx - Accessed . https://www.scien.cx/2021/02/11/learn-how-do-you-make-a-list-that-lists-its-items-with-squares/
IEEE
" » Learn how do you make a list that lists its items with squares?." Deven | Sciencx [Online]. Available: https://www.scien.cx/2021/02/11/learn-how-do-you-make-a-list-that-lists-its-items-with-squares/. [Accessed: ]
rf:citation
» Learn how do you make a list that lists its items with squares? | Deven | Sciencx | https://www.scien.cx/2021/02/11/learn-how-do-you-make-a-list-that-lists-its-items-with-squares/ |

Please log in to upload a file.



There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.

Related Posts