Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/38.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 显示<;部门>;与列表项内联_Html_Css - Fatal编程技术网

Html 显示<;部门>;与列表项内联

Html 显示<;部门>;与列表项内联,html,css,Html,Css,给定以下结构: <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”必须将显

给定以下结构:

<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”必须将
显示设置为
列表项
,或者按照列表层次结构左侧的边距

您可以
浮动
.index
.li

.li{显示:列表项;}
.索引,.li{
浮动:左;
}
a
B
一些文本

您可以
浮动
.index
.li

.li{显示:列表项;}
.索引,.li{
浮动:左;
}
a
B
一些文本

您是否尝试过为li类编辑css

.li{显示:表格单元格;}

这就是我找到答案的地方:


如果这不起作用,你能发布你正在使用的CSS的相关部分吗?

你有没有尝试过为li类编辑CSS

.li{显示:表格单元格;}

这就是我找到答案的地方:


如果这不起作用,你能发布你正在使用的CSS的相关部分吗?

你可以使用
..@Edward我不允许更改HTML标记不幸的是你可以使用
..@Edward我不允许更改HTML标记不幸的是我编辑了问题并添加了一些更多信息。我试过你推荐的方法,但似乎不符合我的需要。即使我将
.index
设置为
inline
,它看起来仍然像
block
@LeonidBor。您可以使用
float
instead编辑问题并添加更多信息。我试过你推荐的方法,但似乎不符合我的需要。即使我将
.index
设置为
inline
,它看起来仍然像
block
@LeonidBor。您可以使用
float
a
  b 
    some text