Załóżmy, że mamy obrazek jako tło tagu <span> oraz linkujemy go do jakiejś strony.

W takim przypadku cała linia na której znajduje się element <span> zostanie naznaczona jako link do tego tagu. Dzieje się tak nawet wtedy kiedy określimy wysokość oraz szerokość dla elementu <span>

Dlaczego się tak dzieje?

Dzieje się tak ponieważ i <span> oraz <a> tag są elementami liniowymi, co oznacza, że domyślnie wypełniają całą linię obszaru domyślnie.

Jak to naprawić?

Poprawka jest widoczna na skrypcie pod spodem, eliminuje to linkowany elementy cało liniowy do naszego elementu <span>. (W kodzie podano skrypt CSS do przykładu).

Przykład: