Html 在CSS中清除一个元素，而不是从左侧清除所有元素

我有一份无序的清单：

<ul>
   <li>Element 1
      <ul>
         <li>teste</li>
         <li>teste</li>
         <li>teste</li>
      </ul>
   </li>
   <li>Element 2
      <ul>
         <li>teste</li>
         <li>teste</li>
         <li>teste</li>
      </ul>
   </li>
   <li>Element 3
      <ul>
         <li>teste</li>
         <li>teste</li>
         <li>teste</li>
      </ul>
   </li>
   <li>Element 4
      <ul>
         <li>teste</li>
         <li>teste</li>
         <li>teste</li>
      </ul>
   </li>
</ul>

我想澄清一下：在这个无序列表中只剩下元素3。我想这会更像这样：

Element 1 Element 2 Element 4 teste teste teste teste teste teste teste teste teste Element 3 teste teste teste 要素1要素2要素4 睾丸睾丸 睾丸睾丸 睾丸睾丸 要素3 睾丸 睾丸 睾丸 这有可能吗？是否清除：左？

请尝试以下操作：。我将第四个

与第三个
切换，这是CSS：

ul {
    padding: 0px;
    text-align: center;
}
li {
    list-style-type: none;
    display: inline-block;
    text-align: center;
}
ul li ul li {
    display: block;
}
ul li:nth-child(4) {
    display: block;
}

不，只是清楚：左不可能我试着让元素3有负边距，但我不喜欢负边距。有什么想法吗？这是一个解决方案，但我不知道对你来说是否可行：。你为什么要搞ul/li？@FahadHasan我的意见是将其作为答案发布。不客气。如果能解决您的问题，请接受我的回答，谢谢。
ul {
    padding: 0px;
    text-align: center;
}
li {
    list-style-type: none;
    display: inline-block;
    text-align: center;
}
ul li ul li {
    display: block;
}
ul li:nth-child(4) {
    display: block;
}