Home › Tutorial › Cara Membuat Wrap Text di Tag PRE HTML

Cara Membuat Wrap Text di Tag PRE HTML

Januari 07, 2020

Tag HTML <pre> biasanya digunakan untuk mewakili teks yang ditulis didalamnya, maksudnya adalah tag <pre> akan menampilkan teks yang kita tulis seperti didalam editor atau teks ditulis apa adanya seperti format yang ditulis.

Tulisan ini bertujuan untuk memberikan petunjuk bagaimana membuat teks memanjang <pre> menjadi wrap text / memotong teks.

Struktur <pre> HTML biasanya seperti ini :

<!DOCTYPE html>
<html>
   <head></head>
   <body>
      <pre>
      ... Preformatted Text ...
      </pre>
   </body>
</html>

Anda dapat merubah CSS website yang Anda kelola seperti contoh dibawah ini.

<!DOCTYPE html>
<html>
   <head>
      <style>
         pre {
            overflow-x: auto;
            white-space: pre-wrap;
            white-space: -moz-pre-wrap;
            white-space: -pre-wrap;
            white-space: -o-pre-wrap;
            word-wrap: break-word;
         }
      </style>
   </head>

   <body>
      <pre>
         Membuat SMS Gateway dengan Kalkun
         Regex Merubah Angka Menjadi Format Mata Uang
      </pre>
   </body>
</html>