仅使用HTML在中间列中居中

Question

我不知道这是否是正确的问这个方式，或者只有HTML才有可能。我正在使用一个名为feedbackwhiz的评论平台，他们有一个模板编辑器，但它只允许你输入HTML（据我所知）。我正在尝试模仿亚马逊的电子邮件结构，其中所有内容都在中间列中左对齐，并且只有空白列的两侧。

亚马逊电子邮件示例

HTML编辑器

所以基本上我想把我的电子邮件内容放在中间栏中，与附加的亚马逊图像类似，使用我的HTML编辑器。这可能吗？

1：

Answer 1

这正是CSS的用途。如果您不能使用外部css文件，则可以内联它。试试这个：

<div style="margin:auto;flex-flow:row wrap;width:100px;background-color:red;display:flex;text-align:left;">
  <input type="button" value="clickme" />
  <p>some texttttt</p>
  <p>some texttttt moreeeee</p>
</div>

演示示例：https://codepen.io/anon/pen/PaqKOL?&editors=101

参考资料：https://css-tricks.com/snippets/css/a-guide-to-flexbox/