内联块忽略填充

Question

我想在同一行上有两个跨度：图标和文字。我已经达到了这个目标。

第一个范围：

span.icon_lock {
    font-size: 50px;
    padding-left: 1em;
    float: left;
    display: inline;
}

第二次跨度：

span.ssltechnology {
    padding-left: 1em;
    display: inline;
}

如何让文本块的第二行遵守填充规则？

Answer 1

请勿使用inline使用inline-blcok。

span.icon_lock {
font-size: 50px;
padding-left: 1em;
float: left;
display: inline-block;
}