CSS : Properti Word Wrap

HTML

​x
 
<h1>Properti Word Wrap</h1>
<h2>word-wrap: normal</h2>
<div class="halaman normal">
    Tag div dengan class halaman ini berisi katayangsangatsangatsangatsangatsangatpanjang sehingga tampilannya akan seperti ini.
</div>
  
<h2>word-wrap: break-word</h2>
<div class="halaman breakWord">
    Tag div dengan class halaman ini berisi katayangsangatsangatsangatsangatsangatpanjang sehingga tampilannya akan seperti ini.
</div>
​

CSS

xxxxxxxxxx
 
.halaman{
    width: 200px;
    height: 180px;
    border: 1px solid;
    padding: 10px;
    line-height: 1.6em;
}
  
.halaman.normal{
    word-wrap: normal;
}
  
.halaman.breakWord{
    word-wrap:break-word;
}

Type Javascipt code here...xxxxxxxxxx
 
​

<!doctype html><html><head> <script src="https://raw.githack.com/albughisy7/BLOGGER/main/Jun_Kode/jQuery/jquery.min.js"></script> <style> *{color:#1d1e22; border-color:#1d1e22; background: transparent;/*#fefefe*/ scrollbar-width:thin; scrollbar-color: #d8d8d8 transparent}  input{border:1px solid; outline: none;} button{padding: 4px 8px}.halaman{
      width: 200px;
      height: 180px;
      border: 1px solid;
      padding: 10px;
      line-height: 1.6em;
}
  
.halaman.normal{
      word-wrap: normal;
}
  
.halaman.breakWord{
      word-wrap:break-word;
} </style> </head><body> <h1>Properti Word Wrap</h1>
<h2>word-wrap: normal</h2>
<div class="halaman normal">
    Tag div dengan class halaman ini berisi katayangsangatsangatsangatsangatsangatpanjang sehingga tampilannya akan seperti ini.
</div>
  
<h2>word-wrap: break-word</h2>
<div class="halaman breakWord">
    Tag div dengan class halaman ini berisi katayangsangatsangatsangatsangatsangatpanjang sehingga tampilannya akan seperti ini.
</div>
<script>  </script> </body> </html>

<!doctype html><html><head> <script src="https://raw.githack.com/albughisy7/BLOGGER/main/Jun_Kode/jQuery/jquery.min.js"></script> <style> *{color:#1d1e22; border-color:#1d1e22; background: transparent;/*#fefefe*/ scrollbar-width:thin; scrollbar-color: #d8d8d8 transparent}  input{border:1px solid; outline: none;} button{padding: 4px 8px}.halaman{