<!DOCTYPE html>
<html>
<head>
    <title>Xem ví dụ</title>
    <style>
        #pink{
            width:55%;
            height:50px;
            background-color:pink;
        }
        #red{
            width:30%;
            height:50px;
            background-color:red;
            float:left;
        }
        #green{
            width:40%;
            height:50px;
            background-color:green;
            float:right;
        }
        #blue{
            width:20%;
            height:50px;
            background-color:blue;
            float:left;
        }
        #black{
            width:40%;
            height:50px;
            background-color:black;
            float:left;
        }
    </style>
</head>
<body>
    <div id="pink"></div>
    <div id="red"></div>
    <div id="green"></div>
    <div id="blue"></div>
    <div id="black"></div>
</body>
</html>