Span align question

[mathforum]

Hi everyone,

I want to add some text to the same line in the postbit legacy template which contains the post date and post number. I've found the right location and the code I need works but I can't get it to align properly. Here's a picture of what it looks like now.



First I tried:

<span style="color: #a22547; text-transform: uppercase; 
font-weight: bold;text-align=center">
</span>

but that ended up with the text appearing right next to the date. So for now the only thing I could think of was adding manual spaces in html a few times to create some kind of gap for now. This is a horrible method though and obviously I can't use this as a solution so any ideas as to how I can align this text "Thread Author" in the center of the text box?

[ozzy47]

What is the location you added that to?

[mathforum]

Just after this bit in the legacy template:

<span class="date" style="color: #a22547; text-transform: uppercase; font-weight:
bold;">{vb:raw post.postdate}<vb:if condition="!$show['detailedtime']">,&nbsp;<span class="time" style="color: #a22547;">{vb:raw post.posttime}</span></vb:if>
</span>
</vb:if>

[ozzy47]

Try this.

<span style="color: #a22547; text-transform: uppercase; 
font-weight: bold; float:right;">Thread Author
</span>

[mathforum]

Now it's on the right side against the post number. Tried using float:center as well but didn't work.

[ozzy47]

Ok try this one.

<span style="color: #a22547; text-transform: uppercase; 
font-weight: bold; padding-left:auto; padding-right:auto;">Thread Author
</span>

[mathforum]

Now it's back to the left side. I wish I had better news and I appreciate your time!

[ozzy47]

Can you pm me a admin account, so I can try it on your site, as I am able to center it fine on mine.

[Max Taxable]

Maybe try:

<span class="date" style="color: #a22547; text-transform: uppercase; font-weight:
bold; padding-left:auto; padding-right:auto;">Thread Author
</span>

Originally Posted by mathforum

Just after this bit in the legacy template:

<span class="date" style="color: #a22547; text-transform: uppercase; font-weight:
bold;">{vb:raw post.postdate}<vb:if condition="!$show['detailedtime']">,&nbsp;<span class="time" style="color: #a22547;">{vb:raw post.posttime}</span></vb:if>
</span>
</vb:if>

Also, put it before the </vb:if> conditional not after.

[mathforum]

@Max - still didn't work. We have a very custom forum design so maybe there is some non-standard CSS attribute messing this up. Appreciate the suggestion.

ozzy47 is taking a look at my code right now I think so we'll see what he finds.