• How can I get 2 vertical images to display next to each other side by side in a post? Not sure if my question makes sense or not. If not, I’ll add more details.

    Is there a way to do this easily?

    Thanks.

Viewing 3 replies - 1 through 3 (of 3 total)
  • You could make a simple table, typed into the text tab of your editor.
    TR means the row, TD means the detail (or column).
    Here’s a working example (except for the blogname).

    <table>
    <tbody>
    <tr>
    <td>
    <img class=”aligncenter size-full wp-image-240″ title=”firstone” src=”http://blogname.files.wordpress.com/2012/08/firstone.gif&#8221; alt=”” width=”71″ height=”28″ />
    </td>
    <td>
    <img class=”aligncenter size-full wp-image-240″ title=”secondone” src=”http://blogname.files.wordpress.com/2012/08/secondone.gif&#8221; alt=”” width=”71″ height=”80″ />
    </td>
    </tr>
    </tbody>
    </table>

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    You could just add a small amount of CSS to the images;

    img {
     display: block;
     float: left;
    }

    And maybe through a width in there too.

    Note:
    If working on a theme not custom, use a Child Theme or Custom Style/CSS plugin.

    Thread Starter rick4him

    (@rick4him)

    Thanks for the feedback. I’m wondering if there is an easier way to accomplish this form the visual editor.

    What if I resized the image and selected the “left” button from the media box on one of the images, and the “right” button on the other? Is that a good way to to this?

    I’ll be doing this often, so I’d like to make it as easy as possible when the need arises on a post by post basis.

    Thanks! (By the way, here is the site in case you’d like to see it.)

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to display 2 vertical images side by side?’ is closed to new replies.