如何將圖像放置在左側，並在右側顯示文字

我有一個名爲「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;}

幫助很多讚賞。

來源

2013-05-10 user2369926

是否要將它列爲網站上的第二個項目？ – 2013-05-10 12:53:57

如果您有權訪問該模板，則應在標題之前放置img標籤。這樣一切都會按照你想要的那樣工作。

如果您無法訪問模板，則可以將標題浮動到右側。

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

這也應該解決這個問題。讓我知道它是如何工作的。

來源

2013-05-10 12:51:24

我無法訪問模板，但「float：right」語句正常工作。非常感謝，你爲我節省了很多時間;） – user2369926 2013-05-10 13:50:44

如果您想將圖片始終放在左側，您需要將<a>標籤移至li中列出的第一件東西。 CSS很好。

來源

2013-05-10 12:57:22

如何將圖像放置在左側，並在右側顯示文字

回答

相關問題