Catatan Pekerjaan

Website ini merupakan sarana untuk mengekspresikan apa yang saya pikirkan daripada ngruntel/nggedibal di otak, jadi lebih baik saya menuangkan disini

Cara Membuat Wrap Text di Tag PRE HTML

Cara Membuat Wrap Text di Tag PRE HTML

Cara Membuat Wrap Text di Tag PRE HTML

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>

Sebagai contoh silahkan Anda lihat tulisan saya yang menggunakan <pre> https://www.tpc.my.id/2019/12/cara-mematikan-adblock-di-semua-browser.html

Silahkan mencoba.

Post a Comment