Css 用<；将无序列表居中放置在div中；br>；在内部

有许多类似的问题，但没有一个完全符合我的情况，主要是因为我在列表中有

标记。 我需要一个电子邮件模板的代码，因此我不能使用引导或类似的东西

我只需要将社交媒体链接放在页面底部的中心位置，使它们位于页面的中心位置，并尽可能保持响应速度。 这是一把小提琴

你的想法对我们意义重大。您的评论有助于我们了解我们做得好的方面，我们需要做什么，以及我们可以做些什么来让您在我们公司的体验更好。
步骤1：点击下面的链接或任何（或全部！）评论站点


单击下面的按钮转到该站点并提供您的评论。
给我们一个评分和评价


选择星级并提供您的评论。
非常感谢。



谷歌

谷歌

谷歌

---

谢谢。

使用一张桌子，放置两张宽度为20%的

并设置

文本对齐：居中适用于所有人，如下所示：



你的想法对我们意义重大。您的评论有助于我们了解我们做得好的方面，我们需要做什么，以及我们可以做些什么来让您在我们公司的体验更好。
步骤1：点击下面的链接或任何（或全部！）评论站点


单击下面的按钮转到该站点并提供您的评论。
给我们一个评分和评价


选择星级并提供您的评论。
非常感谢。


谷歌

谷歌

谷歌
您可以使用相同的布局，而无需将其更改为表格，只需更改样式：

<div>
<ul style="margin: auto;display: flex;justify-content: center;">
    <li style="list-style:none;margin-right:5%;"><img src="https://www.google.com/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png" style="max-width: 50px; max-height: 50px;display: block; margin: auto;"><br> Google</li>
    <li style="list-style:none;margin-right:5%;"><img src="https://www.google.com/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png" style="max-width: 50px; max-height: 50px;display: block; margin: auto;"><br> Google</li>
    <li style="list-style:none;margin-right:5%;"><img src="https://www.google.com/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png" style="max-width: 50px; max-height: 50px;display: block; margin: auto;"><br> Google</li>
</ul> 
</div>




谷歌

谷歌

谷歌


@Paulie\u谢谢。我不知道我不喜欢使用表格，因为我在某个地方读到他们有点气馁，因为他们已经过时了，我通常使用bootstrap，但现在我不能使用bootstrap，我想仍然避免使用表格，但看起来这是不可避免的。非常感谢你！表格仍然是html电子邮件中使用的最好的东西，不幸的是，整个电子邮件代码系统是不一致和过时的af，因此使用老式html是一个常见的规则。如果你觉得它有用，请考虑一下。干杯。谢谢你的解释！我尝试过投票，但我没有足够的声誉让它公开展示。我想在我获得足够的声誉后，它会显示出来，因为通知上说投票仍然会被记录下来。谢谢，它可以在浏览器中工作，但不确定flexbox是否与大多数电子邮件客户端兼容。非常感谢。
<div>
<ul style="margin: auto;display: flex;justify-content: center;">
    <li style="list-style:none;margin-right:5%;"><img src="https://www.google.com/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png" style="max-width: 50px; max-height: 50px;display: block; margin: auto;"><br> Google</li>
    <li style="list-style:none;margin-right:5%;"><img src="https://www.google.com/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png" style="max-width: 50px; max-height: 50px;display: block; margin: auto;"><br> Google</li>
    <li style="list-style:none;margin-right:5%;"><img src="https://www.google.com/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png" style="max-width: 50px; max-height: 50px;display: block; margin: auto;"><br> Google</li>
</ul> 
</div>