Signifikansi

Desain tanpa tabel adalah apa yang kebanyakan halaman web miliki. Ini berarti bahwa sebagian besar pengembang mematuhi kelas CSS untuk mendesain gambar dan teks pada halaman. Sebelumnya, tabel dengan sel, baris, dan kolom mengontrol tampilan halaman Web. Namun, dengan desain tanpa tabel, tata letak terkandung dalam wadah "div". Sebuah wadah div memungkinkan Anda menempatkan bagian halaman di berbagai area kode HTML, dan mengontrol bagian-bagian berbeda dari halaman Anda tanpa mempengaruhi area lain.

Format vertikal

Properti "valign" adalah tag garis internal HTML yang mengontrol posisi vertikal objek yang ada. Sebagai contoh: jika Anda memiliki wadah div yang tingginya 50 piksel, pengaturan "valign" di bagian "tengah" menempatkan konten 25 piksel ke bawah dari bagian atas penampung. Bahkan jika Anda memindahkan wadah div ke lokasi yang berbeda, itu akan tetap berpusat secara vertikal.

Kelas CSS

Daun dalam gaya kaskade memungkinkan Anda untuk mengonfigurasi kelas desain, sehingga Anda dapat menautkan elemen HTML Anda ke kelas tanpa harus mengetik gaya secara manual dari setiap elemen. Berikut ini adalah contoh kelas CSS yang secara vertikal meluruskan elemen:

div {

vertical-align: tengah; }

Kelas ini secara vertikal menyelaraskan konten di tengah div yang disebut "div".

Pertimbangan

Desain CSS membutuhkan waktu dan latihan. Jika penjajaran diganti untuk div, Anda dapat merusak tata letak sisa halaman. Anda harus membuka halaman HTML dengan kelas CSS terkait di setiap browser umum seperti Firefox, Chrome dan Internet Explorer untuk memastikan bahwa desain berfungsi dengan benar di browser pembaca Anda.