ustawienie w jednej lini checkboxa i tekstu

potrzebuje zrobic cos takiego

zamiast
CHECKBOX
BARDZO_DLUGI_TEKST

chcialbym miec
CHECKBOX BARDZO_DLUGI_TEKST

probowalem to robic na takiej zasadzie
http://jsfiddle.net/5ufvf7fc/
oraz takiej
http://jsfiddle.net/e1ysxm4o/
niestety przy duzej ilosci tekstu ten checkbox jest osobno

Może coś takiego?

<div data-bind="foreach: options">    
    <label>
        <div class="item">
            <input type="checkbox" data-bind="value: $data.optionvalue, checked: $parent.selectedOptions" />
            <span data-bind="text: $data.optiontext"/>
        </div>
    </label>
</div>

• styl do tego

.item {
  white-space: nowrap;
  display:inline;
}

(disclaimer: frontendowiec ze mnie słaby, więc pewnie to sie da lepiej zrobić, ale wygląda na to że działa)

fiddle: http://jsfiddle.net/azcgm5dh/1/