Gap fills and c-tests

C-tests are a kind of cloze test, where the second half of some words is omitted and has to be entered by the student. See this example:



Xerte gap fills can be used if you make the input text left-aligned but sometimes the first part of the word is on one line and the input box is on the next line (underlined in red in my example).

Is there any way of keeping the two together? I looked into CSS solutions like but can't find anything suitable.

Hi Simon

It's a bit fiddly but you can do this by surrounding each word with a div tag and making them inline-blocks (you will need to view the source and make the edits there)

<div style="display:inline-block">pl|ants|</div>

Thank you very much for the suggestion, but ideally teachers would be able to make these tests after a little training, so the process needs to be as straightforward as possible!

I think I've found a partial solution:



The input boxes do get truncated somewhat by the right-hand border though.