수직 스크롤 막대 제거

Question

div "col1"에서 SQL을 사용하여 데이터베이스의 텍스트를 삽입했습니다.

HTML

<div id="col1"> 
    <article class="justify" style="width: 100%; min-height: 400px; overflow: auto; margin-top: 0px;"> 
     <h1>SENASTE ARTIKELN</h1> 
     <h3><?php echo $val['title']; ?></h3> 
     <h5><?php echo $val['author'] . ', publicerad ' . $val['pubdate']; ?></h5> 
     <p><?php echo $val['content']; ?></p> 
    </article> 

    <p class="right"><a href="articles.php" class="referlink">- Gå till Artiklar</a></p> 
</div> 

CSS

div#col1 { 
    width: 293px; 
    float: left; 
    padding: 10px 20px; 
    text-align: justify; 
    overflow: auto; 
} 

텍스트는 한 줄 것을 나타납니다 긴 수직 스크롤의 결과. 스크롤을 제거하고 텍스트를 "너비"및 줄 바꿈 안에 나타나게하려면 어떻게해야합니까?

감사합니다.

Answer 1

CSS이 시도 :

word-wrap: break-word;

DEMO