【CSS】要素を横並びで均等に配置する方法

本日はCSSで要素を横並びで均等に配置する方法について

書きたいと思います！

■使用するメソッド

使うプロパティはwidthです。

widthの値として％を指定すれば、

指定した値の間隔で画面に要素を配置します。

■サンプルコード

.sample{

width: 50%;

float: left;

}

■解説

・50％で指定したので画面を50%（半々）に分け、

　片方に１要素、もう片方に１要素と配置します。

※25％なら画面を４分割し分けられた画面に1つずつ要素が配置されます。