首行凸排效果

方法１：自身text-indent: -1em;

text-indent 的作用是設定文字首行縮排，其中設定的值主要是以數值為主，若要設定首行凸排就將數值設為負值。 可使用的單位：px、em(字元)、ex、vw、vh、cm、in、%。 注意：若設定凸排要 padding-left 回來。

範例：

範例中的 text-indent: -25px; = icon16 + iconMargin5 + spanPadding4 範例中的 .info {padding-left: 32px;} = 原本的對齊7 + text-indent25 參考：Text-indent - 金魚都能懂的 CSS 必學屬性 (opens new window)

方法２：上層容器display: flex;

範例：