Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Пример5</title>
    <link rel="stylesheet" type="text/css" href="css/lesson5.css">
</head>
<body>
    <div id="title">
        <p>ООО "Агросервис"</p>
    </div>
    <div id="content">
        <div id="main">
            <p>
                Мы являемся лидирующей компанией в нашей отрасли!
                Мы на голову обходим всех наших конкурентов.
                Динамика нашего роста не имеет ни границ ни пределов.
                Сопротивление бесполезно.
            </p>
        </div>
        <div id="menu">
            <ul>
                <li><a href="main">Главная</a>
                <li><a href="products">Продукты</a>
                <li><a href="about">О нас</a>
                <li><a href="contacts">Контакты</a>
            </ul>
        </div>
    </div>
</body>
</html>
 
div{
    font-family: sans-serif;
}
#title {
    padding: 0px;
    margin: 0px;
    font-size: 24px;
    color: #2f3f77;
}
#menu {
    float: left;
    margin: 10px;
    width: 200px;
    margin-left:-100%;
}
#main{
    float: left;
    margin: 10px;
    padding: 0px;
    margin-left: 220px;
}
p{
    padding: 0; margin: 0;
}
ul{
    margin: 0; padding:0;
}
li{
    list-style: none;
    margin: 0; padding:0;
}
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers