Html <；ul>&书信电报；李>；不会横着走

我有一个ul，我想去水平，但它不工作。代码如下：

html:

但是，这不起作用！我做错了什么？

这里是一个快速示例：

HTML







CSS
#李海军
{
显示：内联；
列表样式类型：无；
右边填充：20px；
}

您可以尝试浮动li元素：

#ul_text li {
  border-right: 1px solid #ffffff; 
  width:260px; 
  float: left;
}

或增加：

列表样式类型：无以及将
显示：内联
切换到
li
元素，如前所述

#ul_text li {
  border-right: 1px solid #ffffff; 
  width:260px; 
  display: inline; 
  list-style-type: none;
}

您需要将
display:inline
放在您的li而不是ul上，如下所示：

#ul_text {
  list-style-type: none;
}

#ul_text li {
  border-right: 1px solid #ffffff; 
  width:260px; 
  display:inline;
}

加

到

墨菲只需添加显示：内联；到您的li选择器
#ul_text li {
  border-right: 1px solid #ffffff; 
  width:260px; 
  float: left;
}

#ul_text li {
  border-right: 1px solid #ffffff; 
  width:260px; 
  display: inline; 
  list-style-type: none;
}

#ul_text {
  list-style-type: none;
}

#ul_text li {
  border-right: 1px solid #ffffff; 
  width:260px; 
  display:inline;
}

float:left;

#ul_text {list-style-type:none; }