Not a bug Centered Lists (<center><ol>) show row numbers aligned left

Affected version
2.2.3 Patch 1

BubbaLovesCheese

Active member
I haven't tried this with forum posts, but when I post a Notice with a Centered-List, I get the row numbers justified to the left, not centered like the text.

Inkednotices lists_LI.jpg

Note the numbers on the far left.

HTML:
<center>
<h1>
    Thanks for stopping by!
</h1>

<h2>
    This is a centered List
</h2>
  
<ol>
  <li>First line of the list</li>
  <li>Second line on the list</li>
</ol>  
</center>

Thanks!
 

Attachments

  • notices lists.JPG
    notices lists.JPG
    22.6 KB · Views: 0

smozgur

Active member
How about using inline styles?

HTML:
<div style="text-align:center">
    <h1>
            Thanks for stopping by!
    </h1>
    <h2>
            This is a centered List
    </h2>
    <ul style="list-style:none">
        <li>First line of the list</li>
        <li>Second line on the list</li>
    </ul>
</div>
 

smozgur

Active member
Hmm, perhaps this one by auto-sizing the inner div with its content.

HTML:
<div style="text-align: center">
    <div style="display: inline-block">
        <h1>
                Thanks for stopping by!
        </h1>
        <h2>
                This is a centered List
        </h2>
        <ol>
            <li>First line of the list</li>
            <li>Second line on the list</li>
        </ol>  
    </div>
</div>

Edit: removed the align from the list. Already centered by the parent-parent div.
 
Top