对齐文本HTML

Question

我用HTML制作了一个子弹点列表。然后我将文本和要点集中在一起。然而，一旦我将文本居中，我希望文本在左边是一条直线，这样我的子弹点就不会错开。有什么方法可以做到这一点。

我的CSS就像休闲一样 集中我的文字

  .l-section.wpb_row.height_auto.color_alternate {
      text-align:center;
    }

以我的子弹点为中心

.wpb_text_column p:last-child, .wpb_text_column ul:last-child, .wpb_text_column ol:last-child{
   list-style-position: inside;
}

Answer 1

将ul设置为inline-block以允许其受外部元素的text-align属性影响，然后将其自己的text-align设置为{{ 1}}对齐内部列表项：

left

div {
  text-align: center;
}

ul {
  display: inline-block;
  text-align: left;
}

Answer 2

将<div> <ul> <li>Foo</li> <li>Bar</li> <li>Foobar</li> </ul> </div>添加到显示的公告列表中。

text-align: left;

Answer 3

对你的ul元素及其父亲使用flexbox：

class X:
    @property
    def x(self):
        return 2

x1 = X()
x1.__dict__['x'] = 1
print(x1.x)

Answer 4

我认为你可以使用css flexbox属性来做到这一点。 以下是我的代码

HTML CODE

<h4>Heading</h4>
<div class="container">
 <ul>
  <li>1st row</li>
  <li>2nd row</li>
  <li>3rd row</li>
  <li>4th row</li>
 </ul>

CSS代码

.container{display:flex; align-items:center;justify-content:center}
h4{text-align:center;}