在div中垂直对齐文本

Question

所以我有两个div彼此相邻，我希望左边的文本与第二行的第一行在一行中。

div {
  padding:20px;
  display:inline-block;
}

<div class="left">Adress</div>
 <div class="right">Some street</br>1200-21 Los Angeles</div>

Answer 1

vertical-align属性应该有所帮助。

div {
  padding: 20px;
  display: inline-block;
  vertical-align: top;
}

<div class="left">Adress</div>
<div class="right">Some street</br>1200-21 Los Angeles</div>

Answer 2

将此添加到您的css：

div:first-child {
    vertical-align:top;
}

JSFIDDLE