Untitled

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Документ без названия</title>
<style type="text/css">
*
{
    padding:0px;
    margin:0px;
}
.menu
{
    padding:5px;
    width:100%;
    background-color:silver;
}
.nav
{
    display:inline-table;
    width:10%;
    padding:0px
    width:10%;
    height:200px;
    background-color:black;
    padding:15px;
    float:left;
}
.content
{

    padding:15px;
    width:100%;
    height:200px;
    box-sizing:border-box;
}
.menu ul
{
    list-style-type:none;
    margin:0px;
    padding:5px 0px 0px 15px;
}
.menu li
{
    display:inline;
    margin-right:5px;
}
.nav ul
{
    list-style-type:none;

}
.nav a
{
    color:white;
}
.content h3
{

}
.row
{
    width:100%;
    box-sizing:border-box;
}
</style>
</head>

<body>

<div class="menu">

    <ul>
        <li><a href="">Главное меню</a></li>
        <li><a href="">Новости</a></li>
        <li><a href="">Статьи</a></li>
    </ul>

</div>
<div class="row">
    <div class="nav">
    <ul>
            <li><a href="">Главное меню</a></li>
            <li><a href="">Новости</a></li>
            <li><a href="">Статьи</a></li>
            <li><a href="">Контакты</a></li>
            <li><a href="">Как Добраться</a></li>
    </ul>

    </div>
    <div class="content">
        <div>
        <h3> Привет Мир </h3>
        <p> Этот сайт посвящен бла-бла-бла-бла-бла </p>
        </div>
    </div>
</div>
</body>
</html>