ruby-on-rails - Rails を使用したアジャイル Web 開発 (第 4 版) で「表示: インライン」を使用すると、「カートに追加」ボタンが失敗する

Question

商品価格の横に「カートに入れる」ボタンをインラインで配置できません。何らかの理由で、ボタンが商品価格の下に表示されます。

ここで私の開発設定：

ルビー 1.9.3p392

レール 4.0.0.rc2

私は DEPOT プロジェクトをフォローしていますが、作者が次の CSS コードを使用して製品価格の横にボタンを挿入する ITERATION D3 に行き詰まっています。

#store .entry form, #store .entry form div {
display: inline;
}

および私の views/store/index.html.erb は次のとおりです。

<% if notice %>
<p id="notice"><%= notice %></p>
<% end %>

<h1>Your Pragmatic Catalog</h1>

<% @products.each do |product| %>
  <div class="entry">
    <%= image_tag(product.image_url) %>
    <h3><%= product.title %></h3>
    <%= sanitize(product.description) %>
  <div class="price_line">
      <span class="price"><%= number_to_currency(product.price) %></span>
      <%= button_to 'Add to Cart' , line_items_path(:product_id => product) %>
  </div>
  </div>
<% end %>

また、Google Chrome からレンダリングされた HTML を確認しています。

<div class="price_line">
  <span class="price">$34.95</span>
  <form action="/line_items?product_id=4" class="button_to" method="post">
  <div><input type="submit" value="Add to Cart" /><input name="authenticity_token" 
  type="hidden" value="yTcDgb4x1h98dXnI0dQqHv4hjfqduSBPMwsLLL3GeHw=" />
  </div></form>
</div>

Google Chrome、Firefox、IE9、Opera でテストしました。ブラウザの問題ではないようです。この奇妙な振る舞いを説明できる人が必要です. :-)

ご意見をお寄せいただきありがとうございます。