显示<div>与列表项内联

Question

给出以下结构：

matrix

有没有办法将其显示为：

<div class="index">a</div>
<div class="li">
  <div class="index">b</div>
  <div class="li">
    some text
  </div>
</div>

而不是：

a b some text

问题是我不允许更改HTML标记，所以这是一个纯CSS问题。

修改 “li”必须将a b some text 设置为display或按照左侧边距的列表层次结构

Answer 1

您可以float .index和.li

.li { display: list-item; }
.index, .li {
   float: left;
}

<div class="index">a</div>
<div class="li">
  <div class="index">b</div>
  <div class="li">
    some text
  </div>
</div>

Answer 2

您是否尝试过编辑li类的CSS？

.li {display：table-cell; }

这是我找到答案的地方：Remove padding from unordered list

如果这不起作用，您是否可以发布您正在使用的CSS的相关部分？