title: CSS and HTML to split a container
body: <p>I'm trying to split my container in multiple square box with different dimensions. I used jsfiddle to show you my project:</p>
  
  <p><a href="http://jsfiddle.net/y0j55ooL/" rel="nofollow">http://jsfiddle.net/y0j55ooL/</a></p>
  
  <pre><code>@import url(http://fonts.googleapis.com/css?family=Roboto);
  
  #menu {
      text-align:center;
  }
  #menu li {
      display: inline;
  }
  #menu ul {
      list-style-type: none;
      margin: 0;
      padding: 0;
      width: 100%;
  }
  #menu a{
  padding:0 30px;
  color: #C0C0C0;
  font-family: 'Roboto', sans-serif;
  }
  body {
      background-color: #454343;
      text-align: center;
  }
  #container {
      margin:1% auto;
      border: 0.1em solid;
  }
  
  #footer{ 
  position: absolute;
  bottom: 0; 
  left: 0; 
  width:100%;
  background-color:#333;
  height:3em;
  line-height:3em; 
  text-align:left;
  }  
  </code></pre>
  
  <p>This is the index.html page:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;style&gt;
     @import url(main.css);
  &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div id="menu"&gt;
          &lt;ul&gt;
              &lt;li&gt;&lt;a href="pc.html"&gt;Il mio PC&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="prova.html"&gt;prova&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
      &lt;/div&gt;
      &lt;div id="container"&gt;
          ciao
      &lt;/div&gt;
      &lt;div id="footer"&gt;
          prova
      &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>Now I'd like to split container like this image:</p>
  
  <p><a href="http://thumbs.dreamstime.com/z/cool-new-web-template-large-icons-28075027.jpg" rel="nofollow">http://thumbs.dreamstime.com/z/cool-new-web-template-large-icons-28075027.jpg</a></p>
  
  <p>I'd like to create inside container a rounded square box much bigger than others. On the right and on the bottom of this big square I would some little square box.</p>
  
  <p>I tried table and table-cell with display attribute but my result wasn't acceptable. I must use only css and html.</p>
  
  <p>Thanks.</p>