Lists 1 - Unordered list (ul) basics

1. Default
2. Types (disc, circle, square, none)
3. Second-level manual
4. Nested


 1. Default

Unordered List - default

normal text
  • text 11
  • text 12
  • text 13
  • text 14
normal text

2. Types (disc, circle, square, none)

Initial: <ul style="text-align: left;">
Change to: <ul style="text-align: left;" type="circle">

  • disc (bullet, default)
  • circle
  • square
  • none (list items will not be marked)

3. Second level manual editing

Unordered List - second level manual editing
  • text 31
  • text 32
  • text 33 (Shift-Enter)
     - text 331 (space, dash, space, text)
     - text 332
  • text 34

4. Nested

Unordered List - nested
Create the List,
Locate entries to nest,
before first entry edit <ul>,
after last entry edit </ul>
  • text 41
  • text 42
  • text 43
    • text 431 (shift + enter)
       - text 4311 (space, dash, space)
       - text 4312
    • text 432
  • text 44

Help

How to Change Bullet Points on a List for Blogger | Chron.com
Find: list-style
if the code reads "list-style: square" and you want circles, change it to "list-style: circle."

8 Quick Tips for Writing Bullet Points People Actually Want to Read - Copyblogger
Bullet Point Secrets
7 Tips for Writing Powerful Bullet Points | Grammarly

How to Create Automatically Numbered Lists, Bullet Point Lists and Definition Lists in HTML (thesitewizard.com)
Exploit the Versatility of HTML Lists
So You Want Indents and Lists, Huh?

UL - Unordered List
HTML Lists
CSS Styling Lists
CSS list-style-type property
HTML Lists »


Comments