Lien inaccessible

Cet exemple est un peu plus compliqué, car c'est un ensemble d'interactions qui crée une situation difficile à comprendre — c'est souvent le cas en pratique !

Ci-dessous, on a une page avec une bannière, un bloc principal et un bloc secondaire. La mise en page des blocs est faite avec des flottants. La bannière contient des items cliquables, dont un titre ; on les a mis en inline-block avec vertical-align:middle, pour avoir un centrage vertical.

Le problème : il est impossible de cliquer sur le lien dans le bloc principal. Essayer de résoudre le problème et de comprendre ce qui se passe !

item
item

titre

item
item
je suis le main et je contiens un lien : Essayez de me cliquer dessus !
Bravo, vous avez réussi à cliquer sur le lien
Raté, vous avez cliqué sur le titre