チェックボックスと文章の間で改行されてしまう

Question

問題

チェックボックスと並列に「Remember・・・」の文章が表示されるようにしたいが改行されてしまう。
Bootstrap4,Rails5を使用しています。

<% provide(:title, "Log in") %>
<h1 class="page-title">Log in</h1>


  <div class="col-md-6 offset-md-3">
    <%= form_for(:session, url: login_path) do |f| %>

      <%= f.label :email %>
      <%= f.email_field :email, class: 'form-control' %>

      <%= f.label :password %>
      <%= link_to "(forgot password)", new_password_reset_path %>
      <%= f.password_field :password, class: 'form-control' %>

<!--　該当箇所 -->
      <%= f.label :remember_me, class: "checkbox" do %>
        <%= f.check_box :remember_me %>
        Remember me on this computer
      <% end %>
<!-- 以上 -->

      <%= f.submit "Log in", class: "btn btn-primary" %>
    <% end %>

    <p>New user? <%= link_to "Sign up now!", signup_path %></p>
  </div>

やってみたこと

検証のCSSをみながら、チェックボックスに「float:left;」を当ててみたりしましたが解決しませんでした。

よろしくおねがいします。

Comments

[m.ts10806]

改行では ＜タイトル

[m.ts10806]

あと念のためBootstrapのバージョンと「改行されたことがわかる」画面キャプチャを追記してください

[tttu]

ありがとうございます。修正しました。

Answer 1

チェックボックスについていた#session_remember_meにwidth: auto;を指定したら解決しました

Answer 2

checkboxがblock要素になっていませんかね？
display: inline-block とかしてみると良さそうです！

Comments

[tttu]

ありがとうございます。
試してみたところ、やはりだめでした。

検証で確認してみると、最初からチェックボックスにはinline-blockがついていました。