search

GunterOdimm / HTML-Study

0 stars 0 forks source link

HTML Test Study Code 010 - diaplay속성 사용하기 #19

Open GunterOdimm opened 5 years ago

GunterOdimm commented 5 years ago 
<!DOCTYPE html>
<html lang = "ko">

    <head>
        <meta charset="utf-8"/>
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
        <title>My Web Page</title>
        <style type="text/css">
            div, span{width: 100px; height: 50px;}

            div{
                background-color: #ff6600;
                display: inline;
            }
            span{
                background-color: #ff00ff;
                display: block;
            }
        </style>
    </head>

    <body>
        <div>DIV태그(1)</div>
        <div>DIV태그(2)</div>
        <span>SPAN태그(1)</span>
        <span>SPAN태그(2)</span>
    </body>
</html>
GunterOdimm commented 5 years ago 
<!DOCTYPE html>
<html lang = "ko">

    <head>
        <meta charset="utf-8"/>
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
        <title>My Web Page</title>
        <style type="text/css">
            div{
                width: 200px;
                height: 200px;
                display: inline-block;
            }
            #box1{background-color: #ff6600;}
            #box2{background-color: #ff00ff;}
        </style>
    </head>

    <body>
        <div id="box1">박스1</div><!--
        --><div id="box2">박스2</div>
    </body>
</html>