html - cssを使用したhtmlliスタイル

Question

これは私のページです：http： //bit.ly/Ti6Ptr

このブロックスタイルをから変更します

に

私のCSSでどのようにやらなければなりませんか？前もって感謝します。

Answer 1

width: 190px;CSSセレクターに追加するだけです.liRecentPost a

これがどのように見えるかです

Answer 2

最も簡単な方法は、テキストを含む div 要素のサイズを設定することです。その後、テキストは必要に応じて自動的に次の行に流れます。

.imageText
{
    width:someWidth;
}

<img ... />
<div class="imageText">

</div>

Answer 3

HTMLとCSSがなければ簡単ではありませんが、テキスト（「li」または「p」）では、幅と表示ブロックを設定し、divに挿入してすべての画像の例を揃える必要があると思います：

<div class="block">
    <div class="firstCol">
    <img src="img/yourimage.jpg" />
    </div>
    <div class="secondCol">
    <p>some text</p>
    </div>
</div>

CSS

.block{
   width:600px;
height:auto;
float:left;
}
    .firstCol{
    width:300px;
    height:auto;
    float:left;
    }
    .secondCol{
    width:300px;
    height:auto;
    float:left;
    }
    .text{
    width:300px;
    display:block
    }

寸法は実際のものではありません。これは単なる例です

Answer 4

あなたのliに小さなcssを追加するだけです

#recent_posts .ulRecentPost .liRecentPost  {width:200px; padding:5px;}