html - 带有 css 的 html li 样式

Question

这是我的页面： http ://bit.ly/Ti6Ptr

我会改变这个块样式

到

我必须在我的css中做什么？提前致谢。

Answer 1

最简单的方法是设置包含文本的 div 元素的大小。然后文本将在需要时自动流到下一行。

.imageText
{
    width:someWidth;
}

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

</div>

Answer 2

只需添加width: 190px;到您的 CSS 选择器.liRecentPost a

这就是它的样子

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;}