html - 如何为 span 元素设置不同的 margin-top？

Question

我想为 span 元素设置不同的边距。例如，margin-top: 25px应该用于第一个 span 元素并且margin-top: 15px应该用于第二个元素：

    <div style="background: green">
       <span style="display: inline-block; margin-top: 25px;">1</span>
       <span style="display: inline-block; margin-top: 15px;">2</span>
    </div>

但是，第二个span有margin-top: 25px。

margin-top是否可以为两个span元素设置不同的值？

标签： htmlcss

Answer 1

你需要把vertical-align: top. 默认情况下inline-block，元素将下沉到其兄弟的级别。