vertical-align示例

vertical-align示例

by zicai

HTML

<div class="wrapper"> 
    <span>囧</span>
    囧囧囧
    <div class="inner"></div> 
    <span>囧囧</span>
</div>

CSS

.wrapper {
    background-color:red;
}
.inner {
    display:inline-block;
    width:300px;
    height:100px;
    background:yellow;
}
span {
    vertical-align:baseline;
}
div {
    vertical-align:baseline;
}