[SOLVED] Horizontal rows

Hi Sottwell, just another quick question. I have 3 images returned with the corresponding titles above them. One title goes outside of the 'block' boundaries and wraps the rest underneath. This pushes that particular image down one so as the images are not inline anymore. How can I make the text wrap but make all three images move down to accomodate. Here is my example page (please ignore the title names):

http://revolution.pawsforwildlife.co.uk/

As you can see the image 'spectacled bear' is not in line

DS

You could set the <h4> element to have a fixed height.

Just for info, this doesn't work:



You should also clear the elements that float in the id="Latestarticles" => .newsblock + .alignleft

I need to delete that, it was something I tried early on before I realised my mistakes. Is there any other way to do it as I use <h4> on other pages where I may not necessarily need to change the height

Are you using the ID "Latestarticles" in other sections throughout the site ?

no. So how would I set H4 height within that div? Usually I don't play around with heading heights as you can probably tell!

If your not using the lement anywhere else other than in its current position (can be on other pages) you could do:

That's great thanks, and now I know how to adjust font area heights within divs! Really appreciate the help
Regards
DS

just for info - the "min-height" sets a minimum height for the element - meaning, in your case, all headlines would have for example 100px, this would/could guarantee that two lines will fit BUT if you have a huge title which is longer than two lines the problem would occur again.

Thanks #iusemodx. I don't know why I did not think of it, but it is the last part in it's container so I have switched the text under the image.
DS