重叠文字

Question

我想知道如何在浏览器中缩小时正确包装文本？我的意思是当正常缩放时页面看起来很好但是当你按Ctrl +“+”缩小时它会重叠在它右侧的图像上。我尝试了白色空间：nowrap但它没有给我我想要的结果。你能不能帮助我吗？一直试图解决这个问题已经有一段时间了，现在也帮助你们更好地理解我已经附上了它的样子。

HTML： -

 <p class="aboutus-description">
 Integer tristique consequat nulla, sed convallis urna dictum sit amet. Ut at ligula dolor, id cursus sem. Nullam sed dolor eu.
 Ut ante nunc, posuere ac varius sit amet, bibendum non est. Morbi in arcu in felis pharetra sodales vitae non.
 Sed dictum cursus leo, sit amet semper est commodo in. Etiam.

 Nunc elit sem, bibendum ac laoreet quis, accumsan sed neque. Integer lacus nisi, lobortis faucibus ornare non, cursus non augue. Suspendisse.
 Vivamus hendrerit laoreet mauris ut molestie. Nullam auctor nulla ac ligula viverra nec adipiscing tellus eleifend. Duis ligula enim, semper eget
 Vestibulum erat diam, cursus ut semper sit amet, feugiat a erat. Praesent vestibulum, quam ac.
 Maecenas non risus dictum neque sodales commodo sed quis massa. Morbi mollis, odio.

CSS： -

<style>
#content p.aboutus-description
   {
     font-family:Arial, Helvetica, sans-serif;
     font-size:10pt;
     color:#656565;
     position:absolute;
     left:80px;
     top:20px;
     width:747px;
     overflow-style:auto;
     white-space:nowrap;
     word-wrap:break-word;
   }

图像： -

Answer 1

您可以通过float:left;对内容进行此操作，并float:right:执行此操作 并从#content p.aboutus-description

中删除位置：绝对值