我试图在彼此旁边显示无序列表,但即使我使用 css 规则来匹配它们的显示方式,也无法让它工作。
这是我的代码:
<ul class="outterList">
<li>
<span class="bigText">Main</span>
</li>
<li>
<span class="medText">Included</span>
<ul class="innerList">
<li>TestMessage - text</li>
<li>bla - text</li>
<li>asffadgsd - text</li>
<li>iuygouhlubrsf - text</li>
<li>New Test - text</li>
<li>TestFileName - photo</li>
<li>TestFileName2 - photo</li>
<li>jvv - photo</li>
<li>ujjjjjjjjjjj - photo</li>
<li>MR. Bean - text</li>
</ul>
</li>
</ul>
还有我的 CSS:
.outterList{
display: inline ;
}
.innerList{
display: block;
}
我试图展示的是这样的:
List1(empty list) List2
*item1
*item2
任何人都知道如何解决这个问题?