如何将图像放在左侧，文本向右

Question

我有一个名为“List Category Posts”的wordpress插件正在使用中，但我对该列表的自定义存在一些问题。

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

[img]文字文字

Location of that list

我的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很好。