"Bagian atas jidar yang tidak dipaparkan adalah pada legenda set medan"

Question

Saya mempunyai beberapa kod HTML yang setara dengan:

<div style="border: 1px solid black">
  <fieldset style="margin: 0">
    <legend style="margin-top: 20px;">testing....</legend>
  </fieldset>
</div>

Soalan saya ialah mengapa margin-top pada legenda tidak ditayangkan? Saya mahu menyelesaikan masalah ini hanya menggunakan CSS. Terima kasih!

Answer 1

Jika anda benar-benar ingin melakukan ini, maka tetapkan legend { float: left; }:

legend {
  float: left;
}

<div style="border: 1px solid black">
  <fieldset style="margin: 0">
    <legend style="margin-top: 20px;">testing....</legend>
  </fieldset>
</div>

Answer 2

Cuba gunakan padding. Ini akan berjaya.

Sebab margin tidak berfungsi adalah kerana jarak antara sempadan dan kandungan teks dipanggil padding dan bukannya margin.

<div style="border: 1px solid black">
  <fieldset style="margin: 0">
    <legend style="padding-top: 20px;">testing....</legend>
  </fieldset>
</div>