vertical-align을 주기 위해서 한 블록 안에 인라인 요소들이 모여 잇어야만 적용 된다..
되는 예)
<style>
p img{vertical-align:bottom}
</style>
<p><img src=""/></p>
<ul>
<li><img src=""/><img src=""/><img src=""/></li>
</ul>
안되는 예)
<style>
ul li img{vertical-align:bottom}
</style>
<ul class="vertical-align">
<li><img src=""/></li>
<li><img src=""/></li>
</ul>
되는 예)
<style>
p img{vertical-align:bottom}
</style>
<p><img src=""/></p>
<ul>
<li><img src=""/><img src=""/><img src=""/></li>
</ul>
안되는 예)
<style>
ul li img{vertical-align:bottom}
</style>
<ul class="vertical-align">
<li><img src=""/></li>
<li><img src=""/></li>
</ul>
'CSS' 카테고리의 다른 글
HTML5의 새로운 기능 (0) | 2012.02.17 |
---|---|
scope (0) | 2012.02.03 |
가상클랙스 링크 걸 경우 (0) | 2012.01.17 |