1. Home
2. Developer Center
3. Dreamweaver Developer Center
4. CSS Advisor

CSS Advisor

Missing first letter in block elements

Problem

If a block element contains another text-containing block element to which position: relative and letter-spacing have been applied, the first letter of the text might disappear.

Solution

Many simple fixes; easiest is to add padding-top to the outer block element.

Detailed description

If a block element contains another text-containing block element to which position: relative and letter-spacing have been applied, the first letter of the text might disappear. Although there are many simple fixes, the easiest is simply to add padding-top to the outermost block element. Other fixes are to add a border-top to the outermost element, as well as applying a width to the inner block element (which may appear to affect the letter spacing).

This bug was originally discovered by Peter Bowyer, and documented by Big John Gallant and Holly Bergevin at positioniseverything.net (Read original article).

Text ID: MISSING_FIRST_LETTER

---