Untitled

<!DOCTYPE html>
<html>
<head>
    <title>Document</title>
</head>
<body>
    <div style="width: 100%; text-align: center;background-color: yellow">
        <h1 >My blog about my life</h1>
    </div>
    <div style="width: 20% ;float: left;">
        <h3>Menu</h3>
        <a href="">Today</a><br>
        <a href="">Yesterday</a><br>
        <a href="">Last week</a><br>
        <a href="">Archieve</a>
    </div>
    <hr style="height:500px;width:0px;border-left:solid black; float: left; margin-left: 10px ">
    <div style="width: 50%;float: left; margin-left: 10px">

        <h3>Meeting with my supervisor</h3>
        <p>14 Dec 2011<br>
            Today I went to the university by bus.<br>
            I had a met with my PhD supervisor.</p>
        <h3>New car!!!</h3>
        <p>12 Dec 2011<br>
            Today I bought my new car. it's a Honda Accord and it's really nice.<br>
            I met some friends at a pub</p>
        <h3>Visit my parents</h3>
        <p>10 Dec 2011<br>
            Tried to contact my PhD supervisor. He was out of his office<br>
            I visited my parents and we had a nice dinner together</p>
    </div>
    <div style="float: right;widows: 40%; height: 120px;border: 1px solid black ;" >
        <div style="margin-left: 10px; margin-right: 10px">
        <h3>Last posts</h3>
        <a href="">Meeting with supervisor</a><br>
        <a href="">New car!!!</a><br>
        <a href="">Visit my parents</a>
        </div>
    </div>
</body>
</html>