Html 自上而下以分区显示内联块内容

Html 自上而下以分区显示内联块内容,html,css,Html,Css,我需要从顶部开始显示这些列表元素,我不希望它们堆叠到容器的底部 这里的示例:只需将一个垂直对齐:top添加到您的div.bar .container{ 宽度:300px; } .酒吧{ 宽度:90px; 填充:2px; 显示:内联块; 边框:1px纯黑; 垂直对齐:顶部 } 保险商实验室{ 列表样式:无; } ------- ------- ------- ------- ------- ------- ------- ------- ------- ------- -------

我需要从顶部开始显示这些列表元素,我不希望它们堆叠到容器的底部


这里的示例:

只需将一个
垂直对齐:top
添加到您的
div.bar

.container{
宽度:300px;
}
.酒吧{
宽度:90px;
填充:2px;
显示:内联块;
边框:1px纯黑;
垂直对齐:顶部
}
保险商实验室{
列表样式:无;
}

  • -------
  • -------
  • -------
  • -------
  • -------
  • -------
  • -------
  • -------
  • -------
  • -------
  • -------
  • -------
  • -------
  • -------
  • -------

只需将
垂直对齐:顶部
添加到您的
分区栏

.container{
宽度:300px;
}
.酒吧{
宽度:90px;
填充:2px;
显示:内联块;
边框:1px纯黑;
垂直对齐:顶部
}
保险商实验室{
列表样式:无;
}

  • -------
  • -------
  • -------
  • -------
  • -------
  • -------
  • -------
  • -------
  • -------
  • -------
  • -------
  • -------
  • -------
  • -------
  • -------
您应该使用

vertical-align: top
你应该使用

vertical-align: top

此外,如果不希望它们在两个元素之间留有空格,则应删除两个
内联
元素之间的任何空格:
  • 此外,如果不希望它们在两个元素之间留有空格,则应删除两个
    内联
    元素之间的任何空格:
  •