Html 对中a<；对象>；a内的标签<；李>；

我是一个使用CSS3的初学者，我正在尝试将包含SVG对象的li标记居中

我希望SVG对象居中显示，而其他li标记则左右浮动

另外，SVG对象比其他li大，我想对齐所有li，使SVG的底部与其他li的高度相同

有什么建议吗

谢谢

*{
保证金：0；
填充：0；
}
.集装箱{
位置：相对位置；
背景色：红色；
高度：200px；
}
保险商实验室{
列表样式：无；
背景色：红色；
位置：绝对位置；
底部：0；
宽度：100%；
}
ulli{
背景颜色：黄色；
显示：内联块；
浮动：对；
}
李：第一个孩子{
浮动：左；
}
ul li.svg{
浮动：中心；
}

头衔

试试

文本对齐：居中用于包含
li
标记。在Safari和Chrome中工作。
如何定位对象#svg？
我试图取下svg对象，但看起来我甚至无法将li标记居中：


*{
保证金：0；
填充：0；
}
.集装箱{
位置：相对位置；
背景色：红色；
高度：200px；
}
保险商实验室{
列表样式：无；
背景色：红色；
位置：绝对位置；
底部：0；
宽度：100%；
}
ulli{
背景颜色：黄色；
显示：内联块；
浮动：对；
}
李：第一个孩子{
浮动：左；
}
ul li.svg{
浮动：中心；
文本对齐：居中；
}


头衔
示例




为此，您只需将此代码添加到css中即可

ul li.svg {
    text-align: center;
}

很简单。但我看到你对“float”使用了不正确的值

在css中，float可以是

float:right;

或

希望这能有所帮助
这里有一个尝试，左边是“标题”（第一项），右边是所有通用项，因为左边的边距有两列之宽。

通过将
行高
固定为1.5和后者的倍数，列具有相似但不相等的高度。这意味着您必须知道要使用此快速解决方案设置标题高度的项目数

代码笔：

语义注释：标题应该是此列表前面的
h1-h6
元素。如果你以前在你的页面上有一个h1，那么它将是一个h2，后面是这个列表


/*（代码笔正常化和自动刷新器打开）*/
.集装箱{
位置：相对位置；
背景色：红色；
最小高度：200px；
}
保险商实验室{
列表样式：无；
宽度：100%；
左侧填充：0；
}
李{
宽度：33.33%；
}
李：第n个孩子（n+3）{
左缘：66.67%；
线高：1.5；
背景颜色：黄色；
}
李：第一个孩子{
浮动：左；
线高：4.5；
文本对齐：居中；
背景色：番茄；
}
li.svg{
浮动：左；
垂直对齐：顶部；
背景颜色：浅蓝色；
}


头衔





center
不是
float
的有效值。欢迎（返回？）那么，Yassine:）是否希望1/3列由
li
构成，SVG占据另一个li的中间左侧一半，右侧一半2/中间列的高度等于左侧和/或右侧列的高度#1可以使用浮动（在li上，除了使用SVG的浮动！），但是2是Flexbox的工作。。。
float:right;

float :left;