cara menambah ruang antara gambar dan teks


Jawapan 1:

Dalam MS Word dan banyak program lain, anda menggunakan shift-enter untuk membuat pemutus garis manual / pemulangan kereta. Di WordPress, anda perlu melakukan ini dengan HTML.

Pada editor anda, klik tab yang mengatakan HTML untuk beralih ke yang dari editor Visual. Kemudian tambah selepas "Fail dokumen:" Anda mungkin perlu menambahkan dua. . Kemas kini halaman dan lihat apakah itu melakukan apa yang anda perlukan.

Anda boleh mendapatkan lebih banyak kawalan ke atas jarak dengan menambahkan pilihan gaya ke lembaran gaya tema anda, tetapi ini harus mencukupi untuk apa yang ingin anda capai.

Menggunakan Penyunting VisualTanda br HTML

Jawapan 2:

Ini adalah sesuatu yang harus diselesaikan dengan CSS dan bukan sekadar teg. Itu adalah mencipta gaya:

.instructional-image {padding-top: 10px; }

Ini akan memberi anda pandangan visual ruang antara teks dan gambar di bahagian atas gambar. Anda boleh menambahkannya ke tema atau mungkin di halaman tertentu bergantung pada cara laman web anda disiapkan dan keperluan anda. Kemudian di tag letakkan gaya anda, anda boleh melakukannya di admin wordpress atau HTML seperti ini:

atau di pentadbir:

Harap ini dapat membantu.


Jawapan 3:

Penyelesaian yang cepat adalah dengan menggayakan semua gambar dalam senarai agar mempunyai margin atas. Anda tidak perlu menggunakan HTML setiap kali gambar bersikap seperti itu.

Sebilangan besar tema baru mempunyai cara untuk menambahkan CSS pada pilihan mereka. Sekiranya anda tidak menjumpainya, pasang sahaja

CSS Custom Mudah

dan pergi ke Appearance / Simple CSS.

Tambahkan kod berikut:

li img { margin-top: 10px;}

Dan itu sahaja!

Sebarang gambar yang kini digunakan dalam senarai anda akan mempunyai ruang tambahan di atasnya. Laraskan 10px ke jarak yang anda perlukan.

Semoga berjaya!