한 줄에 div 2개 표시하기

1913 단어 div
<!DOCTYPE html>



<html>

<head>

    <meta name="viewport" content="width=device-width" />

    <title>CSS</title>

    <link href="~/Content/Home.css" rel="stylesheet" /> 

 

</head>

<body>

    <div>

        <div class="div-1 "></div> 

        <div class="div-2  "></div>

    </div>

</body>

</html>



CSS  



.div-1 {

    background-color:lavender;

    width: 40%;

    height: 400px;

  float: left;

}



.div-2 {

    background-color: yellowgreen;

    width: 60%;

    height: 400px;

   

}

좋은 웹페이지 즐겨찾기