0

Hello, I have a line where the first words are 16px and the rest are 12px.

How do I align to words to the bottom of the line?

Right now, the smaller text appears in the middle of the line.

I am attaching a screenshot, the first paragraph is the one I need to fix.

Thanks for the help.

Attachments text.jpg 31.33 KB
2
Contributors
6
Replies
8
Views
6 Years
Discussion Span
Last Post by cgull
0

Have you tried

style="vertical-align: bottom;"

to the parent element of 16px and 12px text line.

Edited by expresscasket: n/a

0

Have you tried

style="vertical-align: bottom;"

to the parent element of 16px and 12px text line.

Thank you, but I did try that before I posted here and it doesn't help:

<p style="padding-bottom: 20px; vertical-align: bottom;"><span style="font-size: 16px; font-weight: bold;">Zebra Touring</span> specialises in short day trips, 8-12 day Golf tours and safaris, as well as airport shuttle services for Johannesburg, Pretoria and Lanseria.</p>
0

Try this one, vertical-align: text-bottom seems to be working.

<span style="font-size: 16px; font-weight: bold; vertical-align: text-bottom;">Zebra Touring</span>
0

Try this one, vertical-align: text-bottom seems to be working.

<span style="font-size: 16px; font-weight: bold; vertical-align: text-bottom;">Zebra Touring</span>

Thank you, Thank you, THANK YOU ! that helped :)

This question has already been answered. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.