css - HTML 和 CSS 样式

Question

我试图让图片位于页面的左侧，文本 float 到右侧。我正在使用:

<div class="body">
        <div style="float: left;">
            <img src="me.png" height="310" width="350">
        </div>
        <p id="text"> BAJFS:LKJFKLJ#@LKJLK#FJ#@:LFKJ#@:LFKJ#@:LK#FJ:L#KFJ#:@LFKJ#:LFKJ#@F:L#K@JF:#LFK J </p>            
    </div>

我认为这会使我的图像在左侧，文本在右侧 float 。我使用的 CSS 是:

.body
{
width: 880px;
margin: 20px auto;
background-color: #CFECEC;
padding: 10px 16px;
-moz-border-radius: 2px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 5px;
-webkit-box-shadow: 3px 5px 4px #000;
-moz-box-shadow: 3px 5px 4px #000;
box-shadow: 3px 5px 4px #000;
}

谁能帮我在这个框架的左边放一张图片，右边放一张文字？

Answer 1

我认为您的文本没有 float 到正确位置的唯一原因是它内部没有空间。段落的宽度完全不同，因为它们都是连续的字母。