Ruby Rails veiw試圖在鏈接的同一行上顯示標題（h1）

我有一個顯示視圖，它顯示H1中的模型（後）名稱以及帖子的「編輯」和「刪除」按鈕。Ruby Rails veiw試圖在鏈接的同一行上顯示標題（h1）

我希望在與編輯和刪除按鈕相同的行上顯示標題（H1）。

我列出了我目前所擁有的東西，然後在下面列出了我所嘗試的東西，迄今爲止未能成功將所有東西放在同一條線上。

視圖

<h1><%= @post.title %></h1> 
<% if can? :edit, @post %> 
    <%= link_to 'Edit', edit_post_path(@post), class: "btn-warn" %> 
<% end %> 
<% if can? :destroy, @post %> 
    <%= link_to 'Delete', @post, method: :delete, 
     data: { confirm: 'Are you sure?' }, class: "btn-alert" %> 
<% end %>

我試圖

（1）將浮左上面例如和一些CSS以及添加此，以查看

CSS

.article-face-img{ 
    float: left; 
    padding: .8em; 
}

視圖變得

<div class= "article-face-img"> 
    <h1><%= @post.title %></h1> 
    <% if can? :edit, @post %> 
    <%= link_to 'Edit', edit_post_path(@post), class: "btn-warn" %> 
    <% end %> 
    <% if can? :destroy, @post %> 
    <%= link_to 'Delete', @post, method: :delete, 
     data: { confirm: 'Are you sure?' }, class: "btn-alert" %> 
    <% end %> 
</div> 
<div class="clearfix"></div>

（2）我曾嘗試添加此到視圖