Untitled

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link href="style.css" rel="stylesheet">
</head>
<body>
<hr size="5px" color="blue">
<img id="slika1" src="logo.png"><h1>Coworking<sup>an innovative environment</sup></h1>
<div class="div1">
    <ul>
        <li><a>Home</a></li>
        <li><a>About</a></li>
        <li><a>Community</a></li>
        <li><a>Membershit</a></li>
    </ul>
</div>
<div class="mainSection">
    <div class="div2">
        <h3>What's coworking</h3>
        <p>Coworking is a style of work that involves a shared workplace,
            often an office, and independent activity. Unlike in a typical
            office, those coworking are usually not employed by the same
            organization. It is attractive to work-at-home professionals,
            independent contractors, or people who travel frequently.</p>
        <p>Coworking is a social gathering of a group of people who are still
            working independently, but who share values, and who are interested
            in the synergy that can happen from working with people who value
            working in the same place alongside each other.</p>
        <p>Coworking offers a solution to the problem of isolation that many
            freelancers experience while working at home, while at the same time
            letting them escape the distractions of home.</p>
    </div>
    <div class="div3">
        <h3>Location</h3>
        <ul class="ul1">
            <li><a href="">London</a></li>
            <li><a href="">New York</a></li>
            <li><a href="">San Francisco</a></li>
            <li><a href="">Hong Kong</a></li>
            <li><a href="">Amsterdam</a></li>
            <li><a href="">Sao Paolo</a></li>
        </ul>
    </div>
</div>
</body>
</html>
#slika1
{
    vertical-align: middle;
    line-height: 100px;
    display: inline-block;
    width: 70px;
    height: 70px;
}
#slika1 , h1
{
    vertical-align: middle;
    line-height: 100px;
    display: inline-block;
    height: 70px;
}
.div1
{
    background-color:darkblue;

}
.div1 > ul li
{
    color: white;
    display: inline-block;
    width: 20%;
    border: 2px solid white;
    padding: 8px;
    margin: 5px;
    text-align: center;

}
.mainSection {
    height: 60%;
    width: 100%;
    display: block;
}

.div2
{

    float: left;
    display:block;

    width: 65%;

}
.div3
{

    display:block;
    width: 34%;
    height: 268px;
    background: lightgreen;
    float: right;
    border-left: 2px dashed darkblue;
}

.div3 h3 {
    margin-left: 20px;
}
.ul1 li a
{
    text-decoration: none;
}