Cara Menggambar Garis Vertikal untuk Memisahkan Teks HTML Dari Gambar

HTML tidak menawarkan solusi bersih untuk garis vertikal seperti halnya untuk garis horizontal - setara vertikal dengan

tag tidak ada. Jika Anda ingin mengatur halaman Web bisnis Anda sehingga ada batas yang bersih antara teks dan gambar, Anda dapat menggunakan CSS untuk membuat batas sederhana. Perbatasan dapat mengelilingi seluruh gambar, atau Anda dapat menampilkan perbatasan hanya di satu sisi. Anda juga dapat menggunakan CSS untuk mengapung gambar, membuat teks terbungkus.

1.

Setel gambar Anda di dalam teks Anda dan tambahkan tag atribut "style". Misalnya, kode HTML untuk gambar Anda mungkin terlihat seperti ini:

2.

Tentukan perbatasan dalam atribut "style". Misalnya, jika Anda ingin batas diterapkan ke seluruh gambar, CSS akan terlihat seperti ini:

Ini adalah pengaturan batas steno - nilai pertama menetapkan lebar perbatasan, yang kedua menentukan jenis perbatasan dan yang ketiga mengatur warna. Perbatasan bisa padat, putus-putus, putus-putus atau ganda; atau Anda dapat menentukan batas 3-D seperti alur, punggungan, inset atau awal.

Jika Anda ingin menerapkan batas pada satu sisi saja untuk membuat garis vertikal yang benar, Anda akan menggunakan "batas kiri" atau "batas kanan" alih-alih "perbatasan."

3.

Tambahkan padding untuk membuat ruang antara gambar dan teks Anda. Jika Anda ingin perbatasan berjarak 5 piksel dari gambar, tambahkan "padding: 5px;" ke tag gaya Anda. Anda dapat menentukan padding di satu sisi dengan menggunakan, misalnya, "padding-left: 5px;". Jika Anda ingin membuat ruang antara batas dan teks, gunakan margin. Anda juga perlu menentukan URL gambar Anda untuk tag "src". Ketika Anda menggabungkan semuanya, kode Anda bisa terlihat seperti ini:

4.

Simpan dan uji HTML Anda untuk mengonfirmasi bahwa perbatasan ditampilkan sesuai keinginan Anda.

Pesan Populer

Jenis-jenis Printer Dampak model bisnis & struktur organisasi

Jenis-jenis Printer Dampak

Sampai tahun 1990-an, printer berdampak jauh lebih sedikit dari jumlah sepupu inkjet dan laser mereka. Pencetak dampak menabrak surat yang dicetak, terbuat dari plastik atau logam, terhadap kertas melalui pita bertinta, menghasilkan karakter yang dicetak. Pencetakan dampak melihat penggunaan luas dalam pemrosesan data komersial, pencetakan desktop pribadi dan bentuk awal pengolah kata
Baca Lebih Lanjut
Cara Menyewa Perusahaan Desain Web mengelola karyawan

Cara Menyewa Perusahaan Desain Web

Banyak perusahaan di berbagai bisnis menyewa perusahaan desain untuk mengawasi dan membangun situs web untuk mereka. Proses ini sangat ideal karena sebagian besar perusahaan tidak memiliki staf dengan pengetahuan atau pengalaman dengan desain Web. Ketika seorang pemilik bisnis berencana untuk menyewa perusahaan desain Web, sangat ideal baginya untuk bertemu dengan desainer dari beberapa perusahaan sebelum memilih siapa yang akan menyelesaikan pekerjaan
Baca Lebih Lanjut
Apa Tantangan yang Bisa Menghadapi Wajah Pemimpin yang Radikal Tidak Berfungsi? menjalankan bisnis

Apa Tantangan yang Bisa Menghadapi Wajah Pemimpin yang Radikal Tidak Berfungsi?

Gaya kepemimpinan berkisar dari lepas tangan secara radikal, yang berarti mendelegasikan hampir semua hal kepada bawahan, ke yang benar-benar langsung, yang berarti mengelola secara mikro bahkan detail operasional terkecil. Meskipun gaya manajemen lepas tangan dapat memberdayakan karyawan untuk beradaptasi dengan cepat terhadap perubahan kondisi bisnis, usaha kecil dan besar di bawah manajemen semacam itu juga dapat membelok keluar jalur dan mengalami masalah
Baca Lebih Lanjut