html - 固定テキストを作成する方法

Question

私の Web ページには、300px の最大幅を占めることができるいくつかの段落があり、他の段落は幅制限のない 1 行のテキストです。フォント サイズを 12px に設定しましたが、制限幅で段落のテキストをズームアウトすると、下に拡張し、制限のないものは横に拡張します。誰かが私を助けることができますか？可能であれば、なぜそれが起こるのか説明できますか?

OK、コンピューターにアクセスできるようになったので、コードは次のとおりです

HTML

<div class="mgd">
    <p>Mobile group decision making platform.</p>
</div>

<div  class="firstdesc desc">
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.Ut enim ad minim veniam</p>
</div>

CSS

.mgd{
  text-align:left;
  font-family: Lucida Sans Unicode;
  font-size: 12px;
  color: white;
  position: absolute;
  top: 46.28571428571429%;
  left: 31.57894736842105%;
}

.desc{
  position: absolute;
  font-family: Lucida Sans Unicode;
  color: white;
  width:300px;
  overflow:hidden;
  max-height:60px;
  font-size:12px;
  text-align: justify;
  top:53.97727272727273%;
}
.firstdesc{
  left:23.94736842105263%;
}