Testo ed elementi sovrapposti

[neo-one]

Supponiamo di avere un elemento A ed un elemento B.
Il secondo si sovrappne in parte al primo.
Ad esempio immaginiamo un rettangolo (B) il cui quarto sinistro superiore coincide con il quarto destro inferiore di un rettangolo sottostante (A).

Nel rettangolo sottostante (A) vi è del testo che verrà ricoperto per una parte da B.
Come posso evitarlo?
Come posso fare adattare al testo la forma di B (come si fa ad esempio con il Quark XPress)?

[floyd46]

se alleghi una gif forse è più chiara la cosa.

[Mich_]

Puoi rendere uno degli sfondi trasparenti;
oppure puoi "giocare" con gli z-index, in modo che il riquadro in cui c'e` il mouse abbia z-index superiore all'altro.

Non mi risulta che si possano creare oggetti con forma non rettangolare.