List Item 📋

astronot new css framework with slim and fast

Work with list

List

Codding

<ul>
<li>list 1</li>
<li><list 2</li>
<li>list 3 </li>
</ul>

Output

  • this is list 1
  • this is list 2
  • this is list 3

Codding List Numeric

<ol>
<li>list 1</li>
<li><list 2</li>
</ol>

List Numeric output

  1. Numeric list item 1
  2. Numeric list item 2

Codding List Description

<dl>
<dt>list 1</dl>
<dd><list 2</dd>
</dl>

List Description output

Description list item 1
Description list item 1.1

Markdown style List

This is list
+ list 1
+ list 2
+ list 3

Codding List Color

<ul>
<li class="astronot">list astronot</li>
<li class="meteor"><list meteor</li>
<li class="rocket">list rocket </li>
<li class="moon">list moon </li>
<li class="star">list star </li>
<li class="asteroid">list asteroid </li>
</ul>

Output List Color

  • this is list astronot

  • this is list meteor

  • this is list rocket

  • this is list moon

  • this is list star

  • this is list asteroid

copyrights astronot css