Image Spacing in Custom Text Widget

I am assisting in building a website at draft.tourwest.co.uk. I have added a ‘Text’ widget to the sidebar with some custom HTML to provide basic language options – it’s essentially three small embedded images which link to a google translate page in the appropriate language.

Unfortunately, I cannot keep all three images on one line in the widget . Aligning them either centrally, left or right forces them into their own line. Aligning them align-none give much the same effect but with the added detriment of pushing them outside the widget box’s boundaries. <nobr> commands have no effect. Here is the HTML in question:

<a title="Tourwest (Fran?ais)" href="https://tinyurl.com/76rfnea"><img class="ngg-singlepic ngg-none aligncenter" src="https://draft.tourwest.co.uk/wp-content/gallery/misc/button_2-french.jpg" alt="button_2-french" width="72" height="81" /></a><a title="Tourwest (Deutsch)" href="https://tinyurl.com/7gw5awx"><img class="ngg-singlepic ngg-none aligncenter" src="https://draft.tourwest.co.uk/wp-content/gallery/misc/button_3-german.jpg" alt="button_3-german" width="72" height="81" /></a><a title="Tourwes (Espa?ol)" href="https://tinyurl.com/85ozjo4"><img class="ngg-singlepic ngg-none aligncenter" src="https://draft.tourwest.co.uk/wp-content/gallery/misc/button_4-spanish.jpg" alt="button_4-spanish" width="72" height="81" /></a>

[Moderator Note: Please post code or markup snippets between backticks or use the code button.]

Any ideas?