CSS menyelaraskan ikon dan teks secara vertikal

1. Bagaimana cara menyelaraskan teks dan ikon di CSS?
2. Bagaimana cara menyelaraskan teks dan gambar secara vertikal di CSS?
3. Bagaimana cara menyelaraskan teks dan logo di baris yang sama?
4. Bagaimana cara menyelaraskan ikon secara vertikal di HTML?

Bagaimana cara menyelaraskan teks dan ikon di CSS?

Jika Anda ingin membuat teks muncul secara vertikal selaras di sebelah ikon font yang mengagumkan, Anda dapat menggunakan properti Align Vertikal CSS yang diatur ke "Tengah" dan juga, tentukan properti garis lini. Ubah ukuran ikon dengan properti ukuran font.

Bagaimana cara menyelaraskan teks dan gambar secara vertikal di CSS?

Kita perlu membuat elemen induk yang berisi gambar dan teks. Setelah mendeklarasikan elemen induk sebagai flexbox menggunakan display: flex; Kami dapat menyelaraskan item ke pusat menggunakan Align-item: Center;. Contoh: Contoh ini menggunakan FlexBox untuk secara vertikal menyelaraskan teks di sebelah gambar menggunakan CSS.

Bagaimana cara menyelaraskan teks dan logo di baris yang sama?

Seluruh trik adalah menggunakan float: kiri; Properti CSS pada elemen IMG dan semua teks akan secara otomatis membungkus gambar itu. Jadi jika Anda ingin menyelaraskan teks dan gambar di baris yang sama di HTML seperti ini... Singkatnya itu saja.

Bagaimana cara menyelaraskan ikon secara vertikal di HTML?

Untuk berpusat secara vertikal satu baris teks atau ikon di dalam wadahnya, kita dapat menggunakan properti garis-garis. Properti ini mengontrol ketinggian garis dalam menjalankan teks dan menambahkan jumlah ruang yang sama di atas dan di bawah kotak garis elemen inline.