Questions that include an audio player have incorrect appearance

Paul,
Bob Easton here. I am not part of QSM support. I reported the problem originally many versions ago, and have a solution that works for me.

Go back to my Feb 11 post. One part of the code includes the display:inline that Kriti suggests. It sounds like you need the other bit of code that I suggested. It provides margin space to the left of the title to accommodate the question number. Use BOTH of those pieces of code, and you’ll probably have a solution.

Got it.
I put both of those lines of code into my theme’s style.css file.
wp-content > themes > whatever-your-theme-is > style.css

Yes Paul. The solution is to put both of those bits of code into the theme’s style.css file.

Use THIS code in the style.css file. NOT in any QSM custom css file.

/* make room for question number */
.quiz_section .mejs-container {
margin-left: 40px;
}
/* allow question nbr and audio player on same line */
.mlw_qmn_question {display: inline !important;}

/* for audio in related lessons area */
.related .mejs-container {
width: 75% !important;
margin: auto !important;
}

Paul,
(I’m awake now. Many time zones away from you.)
Taking another look at your particular example. Mine was a matter of putting an audio player on the title line of a question. Yours is a matter of simple text in the question title line. My code targeted the audio player container. That’s why it doesn’t work for you.

A hunch:
Are your question titles inside paragraph tags? <p>Choose the best answer to complete the sentence.</p> If yes, get rid of those tags.
Other than that hunch, it must be something else: quiz settings, quiz style, or maybe the theme.
(I would need admin access to your site, or screenshots of some of the quiz editing pages to know for sure.)