Untitled

<!DOCTYPE html>
<html>
<head>
    <title>Bha</title>

    <style type="text/css">

        div.prvi{
            width: 50%;
            height: 100%;
            float:left;
            color:blue;
            background-color:   grey;
        }


        div.drugi{
            width: 50%;
            float: left;
            background-color:red;
        }
        div.treci{
            margin-left: 50%;
            background-color: black;
        }


    </style>

</head>
<body>

    <div class="prvi">
        Gornji dio <br>
        Ovjde ima jos tekst
    </div>

    <div class="drugi">
        Dolje je bolje
    </div>

    <div class="treci">
        Dolje je bolje
    </div>
</body>
</html>