Menggunakan CSS/HTML5
Jika dokumen belum memiliki kepala, ikuti langkah-langkah berikut untuk menambahkannya. Bagian kepala ditambahkan setelah penanda "<html>" dan sebelum penanda "<body>".  Tikkan <head> di bagian atas dokumen. Tekan tombol “Enter” dua kali untuk menambahkan dua baris baru. Tikkan </head> untuk mengakhiri bagian kepala dokumen. Penanda gaya ini berada di antara dua penanda bagian kepala. Dengan penanda ini, Anda bisa memasukkan kode CSS untuk mendesain HTML.  Sebagai alternatif, Anda bisa menggunakan lembar gaya (style sheet) eksternal untuk dokumen HTML. Kode ini merupakan penanda CSS untuk menambahkan dan menyesuaikan garis horizontal. Tambahkan penanda gaya ini pada bagian kepala atau berkas CSS eksternal (jika Anda menggunakannya). Kode ini dimasukkan setelah penanda "hr {". Ada beragam cara yang bisa diikuti untuk memodifikasi tampilan garis horizontal. Berikut adalah beberapa contohnya.    Tikkan width: ##px; untuk menetapkan panjang garis. Ganti “##” dengan angka (dalam piksel) untuk menentukan panjang garis. Anda juga bisa menggunakan satuan persentase (%) sebagai pengganti satuan piksel (px). Tikkan height: ##px; untuk menentukan ketebalan garis. Ganti “##” dengan angka (dalam piksel) untuk menentukan ketebalan garis yang akan dibuat.   Tikkan background-color: ##; untuk menetapkan warna garis. Ganti “##” dengan nama warna. Anda juga bisa menggantinya dengan simbol tagar (#), diikuti oleh kode heksadesimal warna. Tikkan margin-right: ##px; untuk menetapkan margin kanan garis (dalam hitungan piksel). Ganti “##” dengan angka dalam satuan piksel atau kode "auto". Dengan kode "auto", garis akan ditempatkan secara seimbang di tengah halaman, sesuai panjang garis yang sebelumnya ditentukan. Setelah garis diratatengahkan, ruang yang tersisa akan dibagi rata untuk margin kiri dan kanan.   Tikkan margin-left: ##px; untuk menetapkan margin kiri garis (dalam hitungan piksel). Ganti “##” dengan angka dalam satuan piksel atau kode "auto". Dengan kode "auto", garis akan ditempatkan secara seimbang di tengah halaman, sesuai panjang garis yang sebelumnya ditentukan. Setelah garis diratatengahkan, ruang yang tersisa akan dibagi rata untuk margin kiri dan kanan.  Tikkan margin-top: ##px;  untuk menetapkan margin atas garis. Ganti “##” dengan besaran yang diinginkan (dalam piksel) untuk menetapkan ketebalan atau jarak margin. Tikkan margin-bottom: ##px; untuk mengatur margin bawah garis. Ganti “##” dengan besaran yang diinginkan (dalam piksel) untuk menetapkan ketebalan atau jarak margin. Tikkan border-width: ##px; untuk membuat bingkai di sekitar garis (opsional). Ganti “##” dengan besaran ketebalan bingkai yang diinginkan (dalam piksel). Tikkan border-color: ##; untuk menetapkan warna bingkai (opsional Ganti “##” dengan nama warna. Anda juga bisa menggantinya dengan simbol tagar (#), diikuti oleh kode heksadesimal warna. Bagian tubuh atau utama HTML berada di antara penanda "<body>" dan "</body>". Garis horizontal akan ditambahkan ke dokumen HTML. Pengaturan gaya CSS yang sebelumnya ditetapkan akan diterapkan setiap kali Anda menambahkan penanda <hr> pada dokumen HTML. Untuk menguji dokumen, klik kanan berkas dan pilih “Open with”. Setelah itu, pilih peramban web. Garis horizontal solid akan ditempatkan pada bagian yang Anda tambahi penanda "hr". Secara keseluruhan, kode HTML yang Anda masukkan akan tampak seperti ini:  <!DOCTYPE html> <html> <head> <style type="text/css">  hr { width: 50%; height: 20px; background-color: red; margin-right: auto; margin-left: auto; margin-top: 5px; margin-bottom: 5px; border-width: 2px; border-color: green; }  </style>  </head> <body>  <h1>Ini adalah judul halaman</h1>  <hr>  <p1>Ini adalah paragraf yang dipisahkan oleh garis horizontal</p1>  </body> </html>
Tambahkan kepala dokumen HTML. Tikkan <style type="text/css"> pada bagian kepala. Tikkan  hr {. Tambahkan penyesuaian gaya CSS untuk penanda "<hr>". Tikkan <hr> di mana pun pada bagian tubuh atau utama dokumen HTML. Uji dokumen HTML.
https://www.wikihow.com/Insert-a-Line-in-HTML
Using CSS/HTML5