CSS vertical-align

Понимание вертикального выравнивания inline стилей

by akogch

HTML

<div class="wrapper">
  <div class="inner">
    smth here
    <span>span</span>
  </div>
  <input type="text" />
</div>

CSS

.wrapper {
  width: 200px;
  height: 200px;
  background: silver;
}

.inner {
  background-color: #156;
  /* opacity: .5; */
}

span {
  height: 100px;
  display: inline-block;
  vertical-align: middle; Меня значения и смотри, что будет.
  border: 1px solid;
}