<html>
<head>
<style>
.div1{
width:600px
height:200px
font-size:13px
}
.div1 p{
display:inline
}
</head>
<body>
<div class='div1'>
<p>我是测试文字</p>
<p>我是测试文字</p>
</div>
</body>
</html>
可以通过浮动来设置,让不同行的两行一个左浮动,一个右浮动,这样,它们就显示在一行了。还有一种方法是所有元素都左浮动,然后指定宽度,让宽度正好是两列的值,那么到两行的时候,它会自动折行。
通过决定定位,分别对没一行文字进行绝对定位,因为是绝对定位,所以可以指定它们到任意位置。position:absolute可以解决这个问题。
你上传的图片看不清楚呀,建议发个高清的截图呢。
<div><p>这里面是内容</p>
<img src='' />
</div>
因为文字是用P标签写的 是块级元素,所以他自己单独占一行。你想让图片和文字在同一行,可以让img标签 float:left
可以追问奥
-------满意采纳-----