Bir div içinde taşan metin

Question

İç içe geçmiş bir div sahibim. Metni açıklamanın içinde göstermek istiyorum ama sorun şu ki, metin div'un dışına çıkıyor. Yeni satıra gitmek istiyorum (<br/> gibi) ve tüm metni gösterir. Taşma kullanmak istemiyorum: gizli.

<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

sonra aşağıdaki bir göz atın, yolda size yardımcı olmalıdır:

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

Answer 2

Hemen Ekle "sözcük kaydırma: break-word;" aşağıdaki şekilde div biçiminde:

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