You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
56 lines
1.1 KiB
56 lines
1.1 KiB
10 months ago
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8"/>
|
||
|
|
<meta name="viewport" content="width=device-width"/>
|
||
|
|
<style>
|
||
|
|
div,
|
||
|
|
span {
|
||
|
|
border: 2px solid lightgray;
|
||
|
|
margin: 3px 0;
|
||
|
|
padding: 5px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.none {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.block1 {
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
|
||
|
|
.block2 {
|
||
|
|
display: block;
|
||
|
|
width: 250px;
|
||
|
|
height: 50px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.inline {
|
||
|
|
/* inline의 width, height 무시됨 */
|
||
|
|
display: inline;
|
||
|
|
width: 200px;
|
||
|
|
height: 50px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.inline-block {
|
||
|
|
display: inline-block;
|
||
|
|
width: 200px;
|
||
|
|
height: 50px;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<div>
|
||
|
|
<div class="block1">block1 box</div>
|
||
|
|
<div class="block2">block2 box</div>
|
||
|
|
<span class="inline">inline box</span>
|
||
|
|
<span class="inline-block">inline-block box</span>
|
||
|
|
</div>
|
||
|
|
<div class="none">
|
||
|
|
<h2>Hello</h2>
|
||
|
|
</div>
|
||
|
|
<div>
|
||
|
|
<h2>World</h2>
|
||
|
|
</div>
|
||
|
|
</body>
|
||
|
|
</html>
|