[Michiel LParticipant]

Hi X,
I would like to align an image vertically. It is the image of the laptop at:
http://www.michiellust.nl/easydus
Here is a screenshot
http://www.michiellust.nl/easydus/wp-content/themes/x-child-icon/vertical-align-question.png

I have tried {display:table;} and {display:table-cell;vertical-align:bottom;} on the containers but that doesn’t work. I have even tried a table but of course that is not responsive.

I thought we had left this old problem behind with {display:table} but apparently not.

Do you know a solution?

TIA
Michiel

Icon child theme, Shortcodes 2.3.0, Worpress 4.0,

http://www.michiellust.nl/easydus/wp-content/themes/x-child-icon/vertical-align-question.png

[CousettMember]

Try adding some CSS code under Appearance -> Customize -> Custom -> CSS

img.wp-image-193.alignleft {
float: left;
margin: 4.35em 1.313em 0.35em 0;
}

[Michiel LParticipant]

Thx, but that doesn’t work when the screen gets smaller and the text starts to wrap. The container gets taller and the image moves up. I have tried to use media queries to change the margins but that is messy and not very accurate.

I need something like an old fashioned table cell with valign=”bottom”. Do you have any idea why display:table doesn’t work here?

[Michiel LParticipant]

Never mind my previous post. I fixed it with absolute positioning and a media query.

Thanks for listening (:

[Paul RModerator]

Hi Michiel,

Glad you figured it out.

Have a nice day! 🙂

[Author]

Posts