Css 内联块没有像应该的那样水平布置

这些块是垂直排列的（一个在另一个上面），我尝试使用内联块并排放置两个块。我想使用内联块而不是可以工作的浮动。steps div类是两个内联块的容器。我错过什么了吗

img.down\u图像{
显示：内联块；
垂直对齐：中间对齐；
宽度：465px；
}
分步{
显示：块；
位置：绝对位置；
高度：500px；
最高：50%；
文本对齐：居中；
}
ol{
显示：内联块；
垂直对齐：中间对齐；
宽度：400px；
高度：自动；
填充：0 40px；
列表样式：无；
溢出：隐藏；
计数器复位：numList；
字体：16px无衬线；
颜色：#fff；
}

html：
SDGSDGSDGSDGSDGSDGSDGSDG
sdgsdgsdgsdgsdg

sdgsdgsdgsdgsdg

在您的样式中添加以下内容

div.down_image {
    display: inline-block;
}

您使图像内联，但容器div未内联！ 如果您仍然有相同的问题，请检查宽度！400（ol）+465（img）=865px的总宽度可能大于您正在使用的面积

---

当宽度固定时，此代码工作正常

在您的样式中添加以下内容

div.down_image {
    display: inline-block;
}

您使图像内联，但容器div未内联！ 如果您仍然有相同的问题，请检查宽度！400（ol）+465（img）=865px的总宽度可能大于您正在使用的面积

---

当宽度固定时，此代码工作正常

在您的样式中添加以下内容

div.down_image {
    display: inline-block;
}

您使图像内联，但容器div未内联！ 如果您仍然有相同的问题，请检查宽度！400（ol）+465（img）=865px的总宽度可能大于您正在使用的面积

---

当宽度固定时，此代码工作正常

在您的样式中添加以下内容

div.down_image {
    display: inline-block;
}

您使图像内联，但容器div未内联！ 如果您仍然有相同的问题，请检查宽度！400（ol）+465（img）=865px的总宽度可能大于您正在使用的面积

---

当宽度固定时，此代码工作正常

添加

空白：nowrap到
div.steps
并更改html：


div.down\u图像{
宽度：60%；
显示：内联块；
背景色：#红色；
}
分步{
空白：nowrap；
宽度：100%；
显示：块；
位置：绝对位置；
高度：500px；
最高：50%；
文本对齐：居中；
}
ol{
背景色：#dde；
显示：内联块；
垂直对齐：中间对齐；
宽度：30%；
高度：自动；
填充：0.5%；
列表样式：无；
溢出：隐藏；
计数器复位：numList；
字体：16px无衬线；
颜色：#fff；
}

SDGSDGSDGSDGSDGSDGSDGSDG
sdgsdgsdgsdgsdg
sdgsdgsdgsdgsdg
添加
空白：nowrap到
div.steps
并更改html：


div.down\u图像{
宽度：60%；
显示：内联块；
背景色：#红色；
}
分步{
空白：nowrap；
宽度：100%；
显示：块；
位置：绝对位置；
高度：500px；
最高：50%；
文本对齐：居中；
}
ol{
背景色：#dde；
显示：内联块；
垂直对齐：中间对齐；
宽度：30%；
高度：自动；
填充：0.5%；
列表样式：无；
溢出：隐藏；
计数器复位：numList；
字体：16px无衬线；
颜色：#fff；
}

SDGSDGSDGSDGSDGSDGSDGSDG
sdgsdgsdgsdgsdg
sdgsdgsdgsdgsdg
添加
空白：nowrap到
div.steps
并更改html：


div.down\u图像{
宽度：60%；
显示：内联块；
背景色：#红色；
}
分步{
空白：nowrap；
宽度：100%；
显示：块；
位置：绝对位置；
高度：500px；
最高：50%；
文本对齐：居中；
}
ol{
背景色：#dde；
显示：内联块；
垂直对齐：中间对齐；
宽度：30%；
高度：自动；
填充：0.5%；
列表样式：无；
溢出：隐藏；
计数器复位：numList；
字体：16px无衬线；
颜色：#fff；
}

SDGSDGSDGSDGSDGSDGSDGSDG
sdgsdgsdgsdgsdg
sdgsdgsdgsdgsdg
添加
空白：nowrap到
div.steps
并更改html：


div.down\u图像{
宽度：60%；
显示：内联块；
背景色：#红色；
}
分步{
空白：nowrap；
宽度：100%；
显示：块；
位置：绝对位置；
高度：500px；
最高：50%；
文本对齐：居中；
}
ol{
背景色：#dde；
显示：内联块；
垂直对齐：中间对齐；
宽度：30%；
高度：自动；
填充：0.5%；
列表样式：无；
溢出：隐藏；
计数器复位：numList；
字体：16px无衬线；
颜色：#fff；
}

SDGSDGSDGSDGSDGSDGSDGSDG
sdgsdgsdgsdgsdg
sdgsdgsdgsdgsdg
请发布您的HTML。为什么有
display:block在
div.steps
？@j08691中，因为我定位了类似于容器的块元素，也添加在html@jacksexton，
div本身
是
块
元素<代码>显示：块是冗余的it@ankhzet我不知道，谢谢你clarifying@jacksexton“我正在尝试使用内联块并排放置2个块”-您在这里提到的两个内联块是什么？你是在谈论[1]图片和[2]列表吗？请发布你的HTML。你为什么要这么做