Css 您将如何使用CMS管理此布局

这类布局——水平对齐的文本和图像列表，往往在网站的功能页面上非常流行，我设计了一个，并对其进行了编码，但我的想法是，当项目移交时，非技术人员可以轻松编辑文本，但这将设置文本/图像对齐

要解决这个问题，他们还需要编辑css，但这不适合大多数人

有没有更好的管理方法

这是我使用的html/css即时通讯工具，我还制作了一个游戏，如果有人想玩的话

<div class="feature">
    <p class="left">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sequi tempora eaque magni obcaecati quis at corrupti perferendis eum magnam ipsum maiores quod fugit dolorum odio temporibus voluptate asperiores atque esse.</p>

    <img src="http://pictures-of-cats.org/wp-content/uploads/images/bengal-cat-RAVI-w.jpg" width="200" height="200"/>
</div>

<div class="feature">
    <p class="right">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sequi tempora eaque magni obcaecati quis at corrupti perferendis eum magnam.</p>

    <img src="http://pictures-of-cats.org/wp-content/uploads/images/bengal-cat-RAVI-w.jpg" width="200" height="200"/>
</div>

---

只需使用css选择器管理您的父媒体标记，“非技术”用户就会理解。差不多

<markup class=image-left'><markup><img/></markup></markup>

---

我不明白为什么对齐会搞砸，如果你按照我的想象做HTML+CSS的话。您是否可以提供现有的HTML示例，以便我们可以指出如何更改底层结构，以便在用户不需要修改CSS的情况下保持对齐？您还有什么其他方法？你试了什么？你的问题看起来更像是：我对html布局不太了解，但我想得到报酬，而不是“我有这个上下文，我需要帮助的情况”@anonymouscoward-如果用户更改文本，问题就会出现，所以现在不是5行文本，您有3行，因此标记顶部的填充/边距将无法正确对齐图像/文本，因为它们应该水平对齐

<markup class=image-left'><markup><img/></markup></markup>

.markup:nth-child(even) {style it to float image left}
.markup:nth-child(even) img {float:left;margin:0 10px 10px 0}
.markup:nth-child(odd) {style it to float image right}
.markup:nth-child(odd) img {float:right;margin:0 0 10px 10px}