Display Box의 유형
인라인, 인라인 블록, 블록
나는
div(none)
입니다.
나는
div(inline)
입니다.
나는
div(inline-block)
입니다.
나는 div
span(block) 입니다.
<![CDATA[
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>display 프로퍼티</title>
<style>
div {
border: 2px solid yellowgreen;
color: blue;
background: aliceblue;
}
span {
border: 3px dotted red;
background: yellow;
}
</style>
</head>
<body>
<h3>Display Box의 유형</h3>
<hr>
<h3>인라인, 인라인 블록, 블록</h3>
<hr>
나는 <div style="display:none">
div(none)</div>입니다.<br><br>
나는 <div style="display:inline">
div(inline)</div> 입니다.<br><br>
나는 <div style="display:inline-block; height:50px">
div(inline-block)</div> 입니다.<br><br>
나는 <div>div<span style="display:block">
span(block)</span> 입니다.
</div>
<hr>
</body>
</html>
]]>