Html 如何在li标记内的一行中显示范围内容？

我必须在li标记内的一行中显示span标记内容。你能帮我吗

我得到这样的输出。

我需要这样的输出。

ul{
列表样式：无；
}
ulli{
显示：内联；
}
ul li h2{
显示：内联块；
}

同侧阴唇
Lorem ipsum dolor sit amet，是一位杰出的献身者。这是一个很好的例子，它是一种生活方式，是一种美德


同侧阴唇
Lorem ipsum dolor sit amet，是一位杰出的献身者。这是一个很好的例子，它是一种生活方式，是一种美德

将内联块添加到您的li中，这将使它们具有特定的宽度，并且不会像内联元素那样工作

ul
{
列表样式：无；
}
ulli{
显示：内联块；
宽度：40%；
利润率：10px；
}
ul li h2{
显示：内联块；
宽度：40%；
垂直对齐：顶部；
}
李斯潘{
显示：内联块；
宽度：39%；
垂直对齐：顶部；
}
ul li按钮{
显示：内联块；
宽度：19%；
最小宽度：60px；
垂直对齐：顶部；
}

同侧阴唇
Lorem ipsum dolor sit amet，是一位杰出的献身者。这是一个很好的例子，它是一种生活方式，是一种美德
按钮


同侧阴唇
Lorem ipsum dolor sit amet，是一位杰出的献身者。这是一个很好的例子，它是一种生活方式，是一种美德
按钮

您必须为您的

li

、

h2

和

span

提供

显示：内联块

为span指定适当的

宽度

，使其位于

li

之间的空间内

要全屏查看，请选中fiddle：

参考代码：

ul{
列表样式：无；
}
ulli{
显示：内联块；
宽度：49%；
}
ul li h2{
显示：内联块；
保证金：0；
身高：100%；
垂直对齐：顶部；
}
跨度{
显示：内联块；
宽度：110px；
}

同侧阴唇
Lorem ipsum dolor sit amet，是一位杰出的献身者。这是一个很好的例子，它是一种生活方式，是一种美德


同侧阴唇
Lorem ipsum dolor sit amet，是一位杰出的献身者。这是一个很好的例子，它是一种生活方式，是一种美德

ul
{
列表样式：无；
}
ulli{
宽度：40%；
显示：-webkit内联框；
}
ul li h2{
显示：内联块；
}

同侧阴唇
Lorem ipsum dolor sit amet，是一位杰出的献身者。这是一个很好的例子，它是一种生活方式，是一种美德


同侧阴唇
Lorem ipsum dolor sit amet，是一位杰出的献身者。这是一个很好的例子，它是一种生活方式，是一种美德

谢谢您回复RenzoCC先生，如果我必须添加按钮，那么我如何才能将其添加到li Tag中不确定我是否理解正确，但假设您想添加一个内联按钮，您可以减小跨距和h2宽度，以便与代码片段中的新按钮相适应……好的，RenzoCC先生，我的问题以前就解决了。你的解决方案也在起作用。我这边的投票。谢谢你回复纳什切兹先生，如果我必须添加按钮，那么我如何才能将其添加到li标签中。这将显示在span旁边。您必须在

按钮上应用
位置：绝对
，并相应地将其放置在
li
标签内。感谢您再次回复nashceez先生。为我工作。从我这边向上投票..很抱歉回复晚了Mr.nashcheez，我在第一个li中有小内容，在第二个li中有大内容，但它没有显示在一行中向两个li提供
垂直对齐：顶部
。