css - 如何将图像放在左边，文字放在右边

Question

我正在使用一个名为“List Category Posts”的 wordpress 插件，但我在自定义该列表时遇到了一些问题。

包含特定数量字符的帖子标题现在在我的缩略图周围流动，但它们的起始高度与缩略图不同。我希望我的缩略图位于左上角，就像这样：

[img] 文字文字

该列表的位置

我的 style.css 中的代码片段：

.post-content ul.lcp_catlist li { background-image: none; padding-left: 0;clear:both;} 
.lcp_thumbnail{ float:left; margin:0px 10px 5px 0px; height: 100px; width:100px;}
.lcp_catlist li:after {content:'.';height:20px;visibility:hidden;display:block;clear:both; } 
.lcp_title{font-size: 20px;}

非常感谢您的帮助。

Answer 1

如果您有权访问模板，则应将 img 标签放在标题之前。这样，一切都将完全按照您的意愿工作。

如果您无法访问模板，您可以将标题浮动到右侧。

.lcp_title { float: right; width: 472px; }

这也应该可以解决问题。让我知道它是如何工作的。

Answer 2

如果您希望图像始终位于左侧，则需要将<a>标签移动到li. CSS很好。