Tell me how you can make up, if we take into account that there is a photo in each cell. Throw an idea please! (Not using the tables)

alt text

    2 answers 2

    div { width: 50px; height: 50px; border: 1px solid red; float: left; margin: 1px; padding: 0; } div.big { width: 104px; height: 104px; } div.container { border: 1px solid blue; width: 162px; height: 162px; } <div class="container"> ​<div class="big"​​​​​​​​​​></div> <div></div> <div></div> <div></div> <div></div> <div></div> </div>​​​​​ 
    • one
      Thank you so much! Very Helped! - OverLoader

    Try to break into 2 blocks. Lower (clear: both) -with horizontally arranged pictures through float: left. In the top, list the pictures float: right + clear: both and set this height to the container or overflow: hidden