Railsでページの表示を画面の中央に表示する方法を教えてください。

Question

Rails5.1.3でWebアプリケーション制作の勉強をしています。
現在ブラウザの表示内容が画面の左端に寄って表示されています。
その表示内容を画面中央に表示されるようにしたいのですがcssにどのようにコードを記述すれば
いいのでしょうか？いろいろ試してみましたが解決できなかったので教えてください。
コードは以下になります。

open.html.erb

<% @title = 'ようこそ　WONDER GATE　へ' %>
<h1><%= "※" %><%= @title %><%= "※" %></h1>

<div class="main">
<%= link_to(image_tag("g8010.png", size: "60*60", alt: "ようこそ", align: "top"), :welcome_visitor_rule) %>
</div>

open.css.scss

.main {
  margin: 0 auto 0 auto;
  width: 900pk;
}

とか

open.css.scss

img {
	max-width: 100%;
	height: auto;
}

とかやってみましたが表示に何も変化はありませんでした。

どなたか教えていただけないでしょうか？宜しくお願いします。

Answer 1

解決方法がわかりました。
div.main {
text-align: center;
}
でOKでした。