HTML: Как сделать так, чтобы текст не выпадал из блока [дубликат]

#html #css

        
             
                
                    
                        
                            This question already has answers here:
                            
                        
                    
                
                        
                            Почему длинное слово выходит за границы блока?
                                
                                    (2 ответа)
                                
                        
                                Закрыт 3 года назад.
            
                    
Можно ли сделать так, что когда текст достигает края блока, он не выходит за него,
а переносится на новую строку?







 текст задаю в JS. И кусок CSS: 



"text": "kokokokokokokokokokokokokokokokokokokokokokokokokokokokokokokokokokokokokokokokokokokokokokokokokokokokokkokokokokokokkokokokokokokokokokokko
.post-text {
    display: inline-block;
    width: 600px;
    height: auto;
    margin-top: -30px;
    margin-left: 120px;
    margin-bottom: -60px;
    padding: 5px;
    font: bond 12px Arial;
    border: 1px solid #0960bb;
 }



    

Ответы

Ответ 1

В .post-text добавьте word-wrap: break-word;

.post-text {
    display: inline-block;
    width: 600px;
    height: auto;
    margin-top: -30px;
    margin-left: 120px;
    margin-bottom: -60px;
    padding: 5px;
    font: bond 12px Arial;
    border: 1px solid #0960bb;
    word-wrap: break-word;
 }