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

BubbaLovesCheese

BubbaLovesCheese

Active member
Affected version
2.2.3 Patch 1
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.webp
    notices lists.webp
    7.8 KB · Views: 0
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>
 
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.
 

Similar threads

originalk
  • Question Question
XF 2.0 How do I make Instagram insert media embeds left-aligned instead of centered?
Replies
0
Views
475
originalk
originalk
Back
Top Bottom