为什么文本显示在底部

Question

为什么“某些文本”出现在ul的底部而不是顶部？

div{
display:inline-block;
}

<div>
<p> Some text</p>
</div>
<div>
<ul>
  <li>This photo is amazing</li>
  <li>Great view!</li>
  <li>But why are the bullet points in the photo??</li>
  <li>Good question, indeed!</li>
</ul></div>