2012-01-27 3 views
1

私はこのWordPressウィジェットを見栄えの良いものにするのに苦労しています。2行目が画像の下にない場合は、画像の横にテキストを縦に並べるにはCSSを使用しますか?

http://healthybodyguru.com/ 「今月の最もホットな投稿」ウィジェットの下部にあります。

テキストの1行目が上部に垂直に整列していますが、追加の行が画像の下に表示されます。

#featured-bottom .popular-posts li { 
    list-style-type: none; 
    padding-left: 0px; 
    margin: 0 0 10px 0; 
    position: relative; 
    float: left;  
} 
.popular-posts img {  
    margin-right: 10px; 
    vertical-align: top; 
} 
.popular-posts .wpp-post-title { 
    font-size: 14px; 
} 

任意のアイデア:ここ

は私が遊んでてきたいくつかのCSSですか?私は同様の質問を読んだが、答えは私の特別なケースを助けるように見えなかった。

答えて

4

あなたが欲しい:

.popular-posts img {  
    margin-right: 10px; 
    float: left; 
} 
+0

素晴らしい、ありがとう!私はそれを試みたと思ったが、明らかにそうではなかった;) – Kane