css怎么设置图片和文字在同一行

html-css08

css怎么设置图片和文字在同一行,第1张

<style type="text/css">

.main{width: 80%margin: 0 autoheight: 100px}

.img{width: 40%float: left}

.img img{height: 100pxmax-width: 100%}

.main p{width: 60%float: leftword-break: break-allline-height: 100px}

</style>

<div class="main">

<div class="img">

<img src="img/xxx.jpg" >

</div>

<p>你的文字</p>

</div>

至于p标签的行高你可以随意调,不懂可以追问或私我

你上传的图片看不清楚呀,建议发个高清的截图呢。

<div>

<p>这里面是内容</p>

<img src='' />

</div>

因为文字是用P标签写的 是块级元素,所以他自己单独占一行。你想让图片和文字在同一行,可以让img标签 float:left

可以追问奥

-------满意采纳-----