Title: Aligning Lists
Last modified: November 27, 2019

---

# Aligning Lists

 *  Resolved [shaunkillian](https://wordpress.org/support/users/shaunkillian/)
 * (@shaunkillian)
 * [6 years, 6 months ago](https://wordpress.org/support/topic/aligning-lists/)
 * I have used some custom CSS to add color to list markers. I have also added some
   custom CSS to use a Unicode symbol in unordered lists.
 * The UL works fine, but if you scroll down a little bit on the page below, the
   OL does not align with it, despite (I believe) having the same settings.
 * Can anyone help me with where I went wrong and what to do?
 * My custom CSS code was:
 *     ```
       /*Unordered List Formatting*/
       ul {
         list-style: none; /* Remove default bullets */
       }
       .entry-content ul li::before {content: "\2BC8"; color: #009999; 
         display: inline-block; width: 1.5em;
         margin-left: -1em}
   
       /* Ordered List Formatting*/
       ol li {
         counter-increment: list; list-style-type: none; position: relative;
       }
       ol li:before {
         color: #009999; content: counter(list) "."; width: 1.5em; margin-left: -1em; text-align: right; 
       }
       ```
   
    -  This topic was modified 6 years, 6 months ago by [shaunkillian](https://wordpress.org/support/users/shaunkillian/).
    -  This topic was modified 6 years, 6 months ago by [shaunkillian](https://wordpress.org/support/users/shaunkillian/).
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Faligning-lists%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 4 replies - 1 through 4 (of 4 total)

 *  [ikaring](https://wordpress.org/support/users/ikaring/)
 * (@ikaring)
 * [6 years, 6 months ago](https://wordpress.org/support/topic/aligning-lists/#post-12179565)
 * Just add `display: inline-block;` on `ol li:before`.
 *  Thread Starter [shaunkillian](https://wordpress.org/support/users/shaunkillian/)
 * (@shaunkillian)
 * [6 years, 6 months ago](https://wordpress.org/support/topic/aligning-lists/#post-12179796)
 * Thanks
    I did that and the text now aligns on both the _ul_ and _ol_ lists. However,
   the _numbers_ in the OL don’t align with the _bullet icons_ in the ul.
 *  [ikaring](https://wordpress.org/support/users/ikaring/)
 * (@ikaring)
 * [6 years, 6 months ago](https://wordpress.org/support/topic/aligning-lists/#post-12179872)
 * You have set `text-align: right;`.
 * BTW, bullet icon of ul lists are not visible in my browser.
    Pls check font support
   for the character. [https://www.fileformat.info/info/unicode/char/2bc8/fontsupport.htm](https://www.fileformat.info/info/unicode/char/2bc8/fontsupport.htm)
 *  Thread Starter [shaunkillian](https://wordpress.org/support/users/shaunkillian/)
 * (@shaunkillian)
 * [6 years, 6 months ago](https://wordpress.org/support/topic/aligning-lists/#post-12179908)
 * Thx again. I fixed the second issue with some padding.

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Aligning Lists’ is closed to new replies.

## Tags

 * [list](https://wordpress.org/support/topic-tag/list/)
 * [ol](https://wordpress.org/support/topic-tag/ol/)
 * [ul](https://wordpress.org/support/topic-tag/ul/)

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 4 replies
 * 2 participants
 * Last reply from: [shaunkillian](https://wordpress.org/support/users/shaunkillian/)
 * Last activity: [6 years, 6 months ago](https://wordpress.org/support/topic/aligning-lists/#post-12179908)
 * Status: resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics