How to vertically align pictures and content together

  • Resolved Justjaslin

    (@justjaslin)


    11 years, 5 months ago

    Hi I am working on a child theme of Twenty Eleven wordpress theme. I would like to enquire how do I go about aligning my pictures and text so that they appear vertically aligned.

    I tried adjusting widths, margins, changing the size of the pictures but it just doesn’t help. The text will still start ahead by a couple by around 5mm.

    my blog url is http://myfatpocket.com/justjaslin/.

    I have created an illustration of the alignment with the black line indicated in the sample pic and any help out there would be appreciated!

    Sample pic url: http://i286.photobucket.com/albums/ll81/justjaslin/album2/sample.jpg

Viewing 2 replies - 1 through 2 (of 2 total)
  • Michael

    (@alchymyth)

    11 years, 5 months ago

    edit the post using the html setting of the post editor;
    you have some inline styles in the div and link html tag which possibly interfere with the alignment;

    <div style="clear: both; text-align: center;"><a style="margin-left: 1em; margin-right: 1em;" href="http://1.bp......jpg"><img src="http://1.bp.......jpg" alt="" border="0" /></a></div>

    also start validating your site:
    http://validator.w3.org/
    http://codex.wordpress.org/Validating_a_Website

    Thread Starter Justjaslin

    (@justjaslin)

    11 years, 5 months ago

    Hi! I realised wordpress’ blog posts by default are automatically aligned neatly. Couldn’t work on my current blog posts as they were newly imported from Blogger. Thank you! And sure I’ll get around to validating thanks!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How to vertically align pictures and content together’ is closed to new replies.