• As part of my online resume, I wanted to include the logos of the companies/schools I’ve been associated with, and then I wanted the job description, job title, and dates to go right along side of it. To do this I used <div style=”overflow: hidden;”> and it mostly works great. However, the text is not quite flush with the top of the image; it’s more like halfway down or so. See here:

    https://www.laurenclaybarret.net/resume

    Things I have tried to remedy this: change vertical-align to both “top” and “text-top,” as well as a number of other vertical-align settings.

    By a fluke, one of them (The Journal) looks correct, but it seems it’s because an <h5> was misplaced and now the logo image is contained inside that <h5></h5>. I can re-create that on one other entry, but any more than that and it starts to mess up the formatting below it, with the logo going as far to the left as possible, even beyond the boundaries of the content field.

    Any ideas on how to get the text and the image lined up? I put in a lot of work getting the images right at all (they kept wanting to line up with the text of the entry before, and I had to enter dummy divs and
    to get around it.

Viewing 3 replies - 1 through 3 (of 3 total)
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to align images vertically with text?’ is closed to new replies.