css - 使用 CSS 移动文本

Question

使用这段代码:

       <div class="details">
            <strong>Publisher:</strong>
            <span class="red"><asp:Label ID="LabelPublisher" runat="server"></asp:Label></span>
       </div>

       <div class="details">
            <strong>Author:</strong>
            <span class="red"><asp:Label ID="LabelAuthor" runat="server"></asp:Label></span>
       </div>

       <div class="details">
            <strong>Year:</strong>
            <span class="red"><asp:Label ID="LabelYear" runat="server"></asp:Label></span>
       </div>

...浏览器上的文本显示如下:

发布者:publisher1
作者:author1
年份:2014

现在使用 CSS，我想在每个标签上移动这样的文本:

发布者:---Publisher1
作者:-----Author1
年份:------ 2014

Answer 1

您可以为 strong 标签提供固定的最小宽度

.details strong {
    display: inline-block;
    min-width: 100px;
}

DEMO