Edit in JSFiddle 

 p {
   width: 250px;
   border: 1px solid #000000;
   margin: 1em;
   float: left;
 }

 .ex1 {
   word-break: normal;
 }
  .ex2 {
   word-break: break-all;
 }

 .ex3 {
   word-break: keep-all;
 }


<!DOCTYPE html>
<html lang="ko">
  <head></head>
  <body>
    <h1>word-break</h1>
    <p class="ex1"><b>normal</b> 일하는 시간과 노는 시간을 뚜렷이 구분하라. 
    시간의 중요성을 이해하고 매순간을 즐겁게 보내고 유용하게 활용하라.
    This paragraph some text. This paragraph some text.</p>
    <p class="ex2"><b>break-all</b> 일하는 시간과 노는 시간을 뚜렷이 구분하라. 
    시간의 중요성을 이해하고 매순간을 즐겁게 보내고 유용하게 활용하라.
    This paragraph some text. This paragraph some text.</p>
    <p class="ex3"><b>keep-all</b> 일하는 시간과 노는 시간을 뚜렷이 구분하라. 
    시간의 중요성을 이해하고 매순간을 즐겁게 보내고 유용하게 활용하라.
    This paragraph some text. This paragraph some text.</p>
  </body>
</html>