Pembuka zine dengan penurunan biaya awal yang besar hampir tidak ada biayanya: ::huruf pertama ada untuk hal ini, dan terbaca sebagai kerajinan tipografi yang sangat gacor daripada hiasan pemasaran.

.lede::first-letter {
  float: left;
  font-size: 4rem;
  line-height: 0.85;
  padding-right: 0.1em;
}

Aturan yang diterapkan browser

  • Tanda baca sebelumnya bergabung dengan huruf: tanda kutip sebelum mesin terbang pertama disertakan berdasarkan desain, sehingga tutupnya tidak pernah meninggalkan tanda yang sepi.
  • Pengecatan, pengukuran, pengambangan, dan spasi semua pekerjaan; properti yang memengaruhi tata letak selain ketidaksepakatan antar mesin, jadi buatlah resep yang singkat dan ujilah sekali.
  • Elemen tersebut harus berupa wadah blok; pada elemen sebaris, elemen semu tidak berlaku, yang merupakan kegagalan yang sangat gacor karena tidak pernah berfungsi setengah-setengah.

Peningkatan platform yang perlu diketahui

huruf awal menangani drop dan indentasi secara asli, tanpa float; mendeklarasikannya di belakang permintaan dukungan dan menyimpan resep float sebagai cadangan, sehingga kedua kelas browser mendapatkan jawaban yang disengaja dan bukannya kecelakaan.

Satu catatan kejujuran untuk ditutup: kedua resep tersebut adalah cat murni, sehingga pembaca layar tidak terpengaruh dan markupnya tetap sepanjang satu paragraf. Dekorasi yang gacor ini seharusnya tetap murah.