小编Ada*_*ite的帖子

我正在尝试创建以下布局

Stuff » More Stuff » Children » FirstChild  
                                  » SecondChild  
                                      » ThirdChild

由于使用了CRM系统，我有一些限制，所以呈现的html如下：

<span>Stuff » More Stuff » Children <span class="breadcrumbItem">» FirstChild</span>
                                    <span class="breadcrumbItem" style="margin-left:10px">» SecondChild</span></span>
                                        <span class="breadcrumbItem" style="margin-left:20px">» ThirdChild</span>
                                                </span>

我已经尝试了许多 googled css 结果，但是没有一个创建我所追求的布局，我最接近的是以下内容，它确实嵌套了项目，但从下一行的开头而不是从最后一行的末尾开始。

.breadcrumbItem {
    padding: 5px 6px 5px 2px;
    font-size: 12px;
    line-height: 6px;
    display:table;

}

有可能做我正在尝试的事情吗？