如何在栏杆的标签内包装单选按钮

Question

我想在标签内创建一些单选按钮。 我知道的Rails编写方式是使用radio_button_tag和label_tag。

<%= radio_button_tag 'tone', tone, false, id: "tone-#{tone}" %>
<%= label_tag "tone-#{tone}", jp_name %>

将生成这些：

<input type="radio" name="tone" id="tone-red" value="red">
<label for="tone-red">赤</label>
<input type="radio" name="tone" id="tone-blue" value="blue">
<label for="tone-blue">青</label>

但是由于文本和单选按钮之间的空格，空格之间的空格是不可点击的。我想通过在标签内包装单选按钮来修复它。

<label for="tone-red">赤
  <input type="radio" name="tone" id="tone-red" value="red">
</label>

有没有办法用Rails风格生成这种类型的HTML？

JSFiddle：https://jsfiddle.net/21d34zqt/