CSSの中央寄せが効かない、borderが効かない

現在オリジナルアプリのデザインを進めています。

現在このようなデザインになっています。

##実現したいこと
すべての投稿を中央寄せにし、かつ各投稿の下に区切り線をつけたいです。

scssのシートに中央寄せのためのmargin: auto;をしますが効きません。
また、recipe_listのクラスのそれぞれにつけたい区切り線が一番下の投稿にしかつかない状態です。

どなたかご助言いただけないでしょうか。

##現在のコード

index.html.erb

rb
1<%= stylesheet_link_tag 'index', :media => "all" %>
2
3<div class="recipe_content_wrapper">
4 <h1>投稿一覧</h1>
5    <div class="ml-auto posts_button">
6        <%= form_tag posts_path, method: :get, class: 'posts__searchForm' do %>
7            <%= select_tag :tag_id,
8                           options_from_collection_for_select(Tag.all, :id, :name, params[:tag_id]),
9                           {
10                             prompt: 'タグで絞り込み',
11                             class: 'form-control posts__select',
12                             onchange: 'submit(this.form);'
13                             }
14             %>
15     <% end %>
16        <%= link_to '投稿', new_post_path, class: "btn btn-outline-info" %> 
17    </div>
18        
19     <% if flash[:notice] %>
20        <div class="alert alert-primary"><%= flash[:notice] %></div>
21    <% end %>   
22        
23     <div class="recipe_list_wrapper">
24         <div class="recipe_list">
25            <% @posts.each do |post| %>
26                <div class="content-left">
27                <div class="post.picture"><%= image_tag post.picture.to_s %></div>
28                </div>
29                <div class="content-center">
30                <p class="post.user"><%=  link_to post.user.name, post.user %></p>
31                <p class="post.time"><%= post.created_at.to_s(:datetime_base) %></p>
32                <p class="post.title"><%= post.title %></p>
33                
34                <div class="content-right">
35                 <div class="btn btn-outline-info"><%= link_to "コメントする" , post  %></div>
36                 <div class="btn btn-outline-info"><%= link_to "削除" , post , method: :delete, data: {confirm: "投稿記事を削除しますか？", cancel: "キャンセル", commit: "削除する", title: "削除の確認"} %></div>
37                </div>
38                </div>
39            <% end %>
40          </div>
41         </div>
42     </div>
43  </div>
44</div>

index.scss

rb
1.recipe_content_wrapper{
2  margin: auto; /*効かない*/
3}
4
5.recipe_list{
6  border-bottom: solid 1px #ff6347;  /*効かない*/
7  
8}
9
10
11.content-left{
12  width: 300px;
13  margin: 10px 20px;
14  padding: 20px;
15  float: left;
16  }
17  
18.content-center{
19  display: table;
20}
21
22.content-right{
23  float: right;
24  
25}