Pre merupakan element yang mengatur text kebawah atau kesamping tanpa harus menggunakan br, tetapi bisa diatur menggunakan css berikut tutorial cara mengatur tag pre dengan css.
Cara mengatur pre dengan css
Element pre sangatlah penting guna mengatur text, apalagi untuk template responsive, jika menggunakan tag pre tanpa diatur dengan css maka text tersebut akan berantakan, untuk itu kalian harus mengetahui fungsi pre dengan css.
fungsi white-space: nowrap;
Fungsi css ini adalah untuk mengatur text yang berada di dalam tag pre menyamping seperti contoh:
<h2>Contoh css white-space: nowrap</h2>
<pre style="white-space: nowrap;">
ini adalah text menyamping
ini adalah text menyamping
ini adalah text menyamping
ini adalah text menyamping
</pre>
HASIL:
Contoh css white-space: nowrap
ini adalah text menyamping ini adalah text menyamping ini adalah text menyamping
fungsi white-space: pre-wrap;
Fungsi css ini adalah untuk mengatur text sesuai dengan yang ditulis oleh anda, jadi jika kebawah tidak harus menggunakan br, cukup dengan menaruh text ke bawah, untuk lebih jelasnya mari kita simak contoh nya:
<h2>Contoh css white-space: pre-wrap</h2>
<pre style="white-space: pre-wrap;">
ini adalah text menyamping
ini adalah text menyamping
ini adalah text menyamping
ini adalah text menyamping
</pre>
HASIL:
Contoh css white-space: pre-wrap
ini adalah text menyamping
ini adalah text menyamping
ini adalah text menyamping
BLOG