Member Avatar for cgull

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.

text.jpg 31.33 KB
  • 2 Contributors
  • 6 Replies
  • 4K Views
  • 17 Hours Discussion Span
  • Latest Post Latest Post by cgull

Recommended Answers

All 6 Replies

Member Avatar for expresscasket

Have you tried

style="vertical-align: bottom;"

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

Edited by expresscasket because: n/a
Member Avatar for cgull

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>
Member Avatar for expresscasket

Can you please share us the website url? Let see i can able to find something or not?

Member Avatar for expresscasket

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>
Member Avatar for cgull

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 :)

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.