防止文本环绕浮动图像

时间:2012-12-19 16:15:18

标签: html css css-float wrapping

我目前有一个向左浮动的图像,以及一个位于其右侧的文本块。该文本块不是当前浮动的,它只是在HTML中的图像之后。因此,随着时间的推移,它最终会在图像下方向左侧移动以继续。

我怎样才能使文本块始终位于图像的右侧,因此图像和文本的行为就像两个并排的列?请记住,除了这两个元素之外我不能做任何事情。我无法在它们周围添加包装。我可以在之前,之间或之后添加元素。但不在身边。

感谢。

3 个答案:

答案 0 :(得分:3)

p
{
width:1000px;
display: table-row;       
}

答案 1 :(得分:2)

固定答案

也可以浮动文本。 :)

http://jsfiddle.net/Hs7pN/

#image
{
    background-color: #09C;
    float: left;
    height: 200px;
    width: 200px;
}

#text
{
    float: left;
    width: 400px;
}

答案 2 :(得分:0)

尽可能尝试设置固定宽度并对齐文本