vertical-align 知乎 提问

by jun wang

HTML

<div>
  one two three four <span>aaa</span> 一 二 三 四
</div>

CSS

div {
  font-size: 20px;
  line-height: 20px;
  border: 1px solid red;
  width: 500px;
}

span {
  background: lime;
  line-height: 60px;
  vertical-align: bottom;
}