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

BubbaLovesCheese · Feb 15, 2021

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.

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!

smozgur · Feb 15, 2021

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>

BubbaLovesCheese · Feb 15, 2021

Thanks. That just removed the row the numbers. The goal was to center the line numbers with the text. Thanks anyway.

smozgur · Feb 15, 2021

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.

BubbaLovesCheese · Feb 15, 2021

Much better thanks!

Mike · Feb 25, 2021

Just to clarify, this is really standard HTML behavior. See discussion about this here:

How to center ordered list number in HTML

I am currently learning HTML programming. I have a problem: If I put like this: <html> <body align="middle"> HEADLINE <ol> <li>First Item</li> </ol> </body&...

stackoverflow.com

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

BubbaLovesCheese

Active member

Attachments

smozgur

Active member

BubbaLovesCheese

Active member

smozgur

Active member

BubbaLovesCheese

Active member

Mike

XenForo developer

How to center ordered list number in HTML

Similar threads

We value your privacy