html - テキストの横にラジオボタンを入力

Question

入力ラジオボタンの後にテキストを入れようとしましたが、テキストは常にラジオボタンの下にあります。表示されている CSS を使用しましたが、同じ結果が得られます。

CSS:

<style>  

.sp-list .sp-item {
  list-style:none;
  margin:0;
  padding:0;
}

.sp-item {
  clear:both;
  display:block;
  margin:1em 0;
}

.sp-input-radio {
  float:left;
  margin:0.5em 1em 0 0;
}

.sp-label {
  display:inline-block;
  width:200px;
  white-space:nowrap;
}

</style>

HTML:

<fieldset>
<ul class="sp-list">
<li class="sp-item">
<input name="answer" value="1" id="poll-1-1" class="sp-input-radio" type="radio">
<label for="poll-1-1" class="sp-label"> Ok very nice </label>
</li>
</fieldset>

これを試しましたが、同じ行の入力ラジオの後にテキストを表示できません。