Contents
HTML ul: Main Tips
- The
<ul>
tag creates an unordered list of items. - To represent the items in the list, use <li>.
- HTML
<ul>
tag is supported by every browser. - This tag supports all global attributes.
Creating an HTML Bullet List
First of all, what does ul
stand for? It means an unordered list, usually displayed as an HTML bullet list:
Note: the markers of such list can be customized using CSS.

- Simplistic design (no unnecessary information)
- High-quality courses (even the free ones)
- Variety of features
- Nanodegree programs
- Suitable for enterprises
- Paid certificates of completion

- Professional service
- Flexible timetables
- A variety of features to choose from
- Professional certificates of completion
- University-level courses
- Multiple Online degree programs

- Great user experience
- Offers quality content
- Very transparent with their pricing
- Free certificates of completion
- Focused on data science skills
- Flexible learning timetable
Deprecated Attributes
There were two attributes commonly used with HTML ul
tag. However, they both have been deprecated in HTML5. We recommend using CSS properties instead.
compact
made the list appear in a more compact style. The exact look would depend on the browser:
<ul compact>
<li>First item</li>
<li>Second item</li>
<li>Third item</li>
</ul>
Note: instead of compact, use CSS line-height property.
type
identified the kind of marker to be used in the HTML bullet list - a square
, a disc
, or a circle
:
<ul type="square">
<li>First item</li>
<li>Second item</li>
<li>Third item</li>
</ul>
Note: instead of type, use CSS list-style-type property.
Browser support

Chrome

Edge

Firefox

IE

Opera

Safari
Mobile browser support

Chrome

Firefox

Opera

Safari
Latest Udacity Coupon Found:
75% OFF COURSES
Udacity Black Friday Offer
The best time to save on Udacity courses is now - follow this coupon to access a 75% Udacity Black Friday discount & enjoy learning at a very low cost!