u/sourceCode145:

I am trying to position images on a web page using css in notepad++ but I am having a problem doing so. I would like 3 images on the left… 1 big image in the middle…3 images on the right of the big image…but for some reason everything I try isn’t working. I try using div, table, margin, and padding but nothing seem to work…can somebody please help me!

It should be easy, assuming code like this…

<div class="images">
    <img src="small.jpg" />
    <img src="small.jpg" />
    <img src="small.jpg" />
    <img src="large.jpg" />
    <img src="small.jpg" />
    <img src="small.jpg" />
    <img src="small.jpg" />
</div>

You can do…

    .images {
        white-space: nowrap;
     }

    .images img {
        vertical-align: middle;
    }

Here is an example:

http://jsfiddle.net/Pftwm/

View thread on r/web_design