Mise en forme des boîtes

<div id="blockone">
<h1>Titre</h1>
<h2>sous-titre</h2>
</div>

<div id="content-wrapper">
<div id="blocknavigation">
<!-- ici la navigation -->
</div>
<div id="blockcontent">
<!-- ici le contenu -->
</div>
</div>

#blockone, #content-wrapper {width:90%; margin:auto}
#blocknavigation {width:25%; float:left}
#blockcontent {width:75%; float:left}

<header>
    
<h1>Titre</h1>
    <h2>Sous-titre</h2>
     
   </header>
   </br>
   </br>
   </br>
   
   <div>
   <h4>Contenu</h4>
   </div>
   <nav class="navigation">
    <h3>Navigation :</h3>
     <br />
     <br />
     <ul>
      <li><a href="acceuil_titre.html">Acceuil</a></li><br />
      <li><a href="/Test/test.html">Les tests</a></li><br />
      <li><a href="me_contacter.html">Me contacter</a></li><br />
     </ul>
   </nav>
   <footer></footer>
   <br />
  </body>

html
{
 background-color: #83A9EA;
 
}

h3
{
 font-weight: bold;
}

h2
{
 text-indent: 25px; /*alinéa*/
}

h1
{
 color: black;
 font-weight: strong;
 text-decoration: underline;
}

nav
{
 height: 100%;
 width: 20%;
 
 background-color: #0C5DE8;
 float: left;
}

div
{
 float: right;
 height: 50%;
 width: 74%;
}

header
{
 height: 140px;
 width: 96%;
 background-color: #0C5DE8;
}


header, div, nav, footer
{
 border-radius: 10px;
 padding-left: 10px;    /*marge intérieure gauche*/
 margin-left: 10px;    /*marge extérieur gauche*/
 padding-top: 1px;
 background-color: #0C5DE8;
}

ul
{
 list-style-type:none; /* suppr les puces*/
}

ul
{
 list-style-type : none; /* éviter que les puces se placent n'importe où */
}

a:link, a:visited
{
 color: #83A9EA;
 font-weight: bold;
 font-size: 20px;
}

a:hover
{
 color: red;
}

{
 border-radius: 10px;
 padding-left: 10px;    /*marge intérieure gauche*/
 margin-left: 10px;    /*marge extérieur gauche*/
 padding-top: 1px;
 background-color: #0C5DE8;
}