<div class="taglog">
<div class="a">옆으로</div>
<div class="a">늘어선</div>
<div class="a">블럭들</div>
<div class="a">짜보기</div>
</div>
.taglog {
margin:0 0 20px 0;
background:#f6fafb;
border:solid 4px #e7eff2;
padding:13px 11px 13px 11px;
}
.taglog .a{
display:inline;
}
--------------------------------------------------
<!-- 박스 시작-->
<ul class="taglog">
<li>웹 2.0</li>
<li>옆으로</li>
<li>늘어선</li>
<li>블럭들</li>
<li>짜보기</li>
</ul>
<!-- 박스 끝-->
.taglog {
margin:0 0 20px 0;
background:#f6fafb;
border:solid 4px #e7eff2;
padding:13px 11px 13px 11px;
}
.taglog li{
display:inline;
}
같은 모양으로 출력
------------------------------
<!-- 박스 시작-->
<ul class="taglog">
<li class="a">옆으로</li>
<li class="a">늘어선</li>
<li class="a">블럭</li>
<li class="a">만들기</li>
<br />
</ul>
<!-- 박스 끝-->
.taglog {
margin:0 0 20px 0;
background:#f6fafb;
border:solid 4px #e7eff2;
padding:13px 11px 13px 11px;
}
.taglog li{
float:left;
}
.taglog br{
clear:both;
}
ie에서 스타일 제대로 적용 안됨
--------------------------------------------
<!-- 박스 시작-->
<div class="taglog">
<div class="a">옆으로</div>
<div class="a">늘어선</div>
<div class="a">블럭</div>
<div class="a">만들기</div>
<br />
</div>
<!-- 박스 끝-->
.taglog {
margin:0 0 20px 0;
background:#f6fafb;
border:solid 4px #e7eff2;
padding:13px 11px 13px 11px;
}
.taglog .a{
float:left;
}
.taglog br{
clear:both;
}
ie에서 하단 마진 적용 안됨
.taglog br{
clear:both;
} 없이도 적용됨(ff)