html边框的内容对齐,html-将具有list-type：outside样式的>元素始终与内容边框对齐...

我想知道是否存在一种简单而可靠的方式来设置ul和li元素的样式,以便在使用list-style：outside时,li元素会与上面的内容或其中没有边距的内容框或填充.

Something

• One
  Some more text or content here
• One
  Some more text or content here
• One
  Some more text or content here

body {

margin:20px;

border: 1px solid #333;

}

ul {

list-style: square outside none;

}

结果将是这样的：

我想要的是：

只需添加一些填充即可轻松实现：

ul {

list-style: square outside none;

padding-left:15px;

}

但是肯定有比设置像素边距更好的方法.也许适用于所有字体大小的东西？

谢谢！

编辑

只是想补充一点,我需要李的两个孩子在彼此下面排成一行