WordPress.org

Support

Support » How-To and Troubleshooting » Troubles with posting images side by side

Troubles with posting images side by side

Viewing 4 replies - 1 through 4 (of 4 total)
  • Justin Tadlock

    @greenshady

    WordPress God

    Add the “alignleft” class to your stylesheet:

    img.alignleft { float: left; }

    You might want to add margin and padding or adjust a few other things here and there.

    Make sure that your images aren’t too large to post side by side. Re size them before uploading.

    this is what i have for image coding

    img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }

    img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
    }

    img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
    }

    .alignright {
    float: right;
    }

    .alignleft {
    float: left
    }
    /* End Images */

    Your pain seems to be entirely self-inflicted… Both of your images have the alignleft class attribute, so they both float left. Try replacing alignleft in the second image with alignright, see what happens… Alternatively, delete alignleft in both instances…

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Troubles with posting images side by side’ is closed to new replies.