Buon giorno a tutti,

in un sito web di mia competenza vorrei migliorare un dettaglio e mi chiedo se si possa fare tramite CSS.
Si tratta di una pagina WordPress di "FAQ" che contiene, in alto, la lista delle domande; cliccandone una si viene portati alla risposta.
Concentriamoci sulla parte che contiene le domande, che è di questo tipo:

- Domanda 1: bla bla bla bla bla bla
ecc. ecc. ecc. ecc.
eoirewo jtopwei i op jceocvk wo
- Domanda 2: bla bla bla bla bla bla bla
eofpiweopfief owifewopfi
vmfopvvvmowvmwopvmwdovmwovpmvo
- Domanda 3: bla bla bla bla bla bla bla bla bla bl
efowekfopek ewofkewofkewofk
ecc. ecc. ecc.

Essendoci oltre 50 domanda, la pagina risulta molto estesa in senso verticale. Io vorrei che ogni domanda fosse costituita da 1 sola riga, e al passaggio del mouse questa si espandesse mostrando il testo della domanda. L'esempio diventerebbe:

- Domanda 1: bla bla bla bla bla bla
- Domanda 2: bla bla bla bla bla bla bla
- Domanda 3: bla bla bla bla bla bla bla bla bla bl

Se con il puntatore del mouse si va sulla riga della domanda uno la pagina diventa:

- Domanda 1: bla bla bla bla bla bla
ecc. ecc. ecc. ecc.
eoirewo jtopwei i op jceocvk wo
- Domanda 2: bla bla bla bla bla bla bla
- Domanda 3: bla bla bla bla bla bla bla bla bla bl

Stessa cosa per tutte le altre domande.

E' possibile farlo tramite CSS? Mi dareste una mano?

Grazie a tutti e un saluto.