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）我曾尝试添加此到视图