如何使用css为句子中的特定单词提供边距/填充

Question

<h1>We rise by <span class="span1">lifting</span> others up</h1>

我只想给“提升”这个词一个边距底部我应该怎么做？

Answer 1

 .span1 { vertical-align:super; }

 <h1>We rise by <span class="span1">lifting</span> others up</h1>

Answer 2

You can use the style tag to do some CSS styling.

<style>
    .span1{
        margin: 30px;
        padding: 12px;
    }

</style>

Answer 3

 .span1 { display: inline-block; margin: 10px; padding: 10px; }

 <h1>We rise by <span class="span1">lifting</span> others up</h1>