div内にテキストがあふれている

Question

私はdivを入れ子にしました。私は説明内にテキストを表示したいが、問題はテキストがdivの外に出ることである。新しい行（たとえば<br/>）に行き、すべてのテキストを表示したいと思います。 私はoverflow：hiddenを使いたくありません。

<div class="row"> 
          <div class="col-lg-8" id="showPos" style="height: 295px;"> 
           <script> 
            $(document).ready(function(){ 
             showPosition(<?php echo $results['lat']; ?>,<?php echo $results['lon'];?>); 
            }); 
           </script> 
          </div> 
          <div class="col-lg-4" > 
            <div class="well"> 
             <div class="row"> 
              <div class="col-lg-5"><i class="fa fa-info-circle" aria-hidden="true"></i> Title</div><div class="col-lg-7">bad hurricane</div> 
             </div><hr /> 
             <div class="row"> 
              <div class="col-lg-5"><i class="fa fa-info" aria-hidden="true"></i> Description</div><div class="col-lg-7"> dflsfljdlfsdfsfldksfslsjffldfjjffjdslkfsdfjdljdslffjfjfjfjfdklfjsfjj</div> 
             </div><hr /> 
             <div class="row"> 
              <div class="col-lg-3"><i class="fa fa-heart" aria-hidden="true"></i><h6>10</h6></div> 
              <div class="col-lg-3"><i class="fa fa-road" aria-hidden="true"></i><h6>10</h6></div> 
              <div class="col-lg-3"><i class="fa fa-eye" aria-hidden="true"></i><h6>10</h6></div> 
             </div> 
            </div> 
           </div> 
          </div> 

Answer 1

後、次のを見てみましょう、途中であなたを助ける必要があります。

CSS: How do I wrap text with no whitespace inside a <td>?

Answer 2

だけ追加「ワードラップ：ブレークワード;」をあなたの部門のスタイルは次のとおりです：

<div class="col-lg-7" style="word-wrap:break-word"> dflsfljdlfsdfsfldksfslsjffldfjjffjdslkfsdfjdljdslffjfjfjfjfdklfjsfjj</div> 
             </div><hr />