Input checkboxes in same line as checkbox label


Staff member
I am working with a very complex wordpress them and am trying to customize one area that isn't cooperating. In a sidebar that is 380px wide, there is a checkbox selector for a search widget that searches locations based on specific offered amenities. The label for some of these checkboxes are longer than the sidebar is wide and when that happens the text starts on the next line from the checkbox itself where we would prefer it to remain on the same line and wrap from the end.

Here's an image of the current problem:
<img src=" " alt="Sample of current view">

<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-html lang-html prettyprint-override">
&lt;span class="goption"&gt;
&lt;label class="options"&gt;
&lt;input type="checkbox" name="field1231091388[]" value="value"&gt;
&lt;span class="checkbox"&gt;
&lt;label for="field1231091388"&gt;
Circulation Path (A Continuous And Unobstructed Way Of Travel From Any Point In A Building Or Structure To A Public Way)

Without resizing the sidebar, how can I ensure that the checkbox stays to the right of the label and breaks at the end of the line rather than at the beginning of the label? Like This:

<a href=" " rel="nofollow noreferrer">goal</a>