Webサイトのデザインはスタイルシート(style.css)で行うのが大原則ですよね。

でも無料ブログを使っていてスタイルシートの修正が難しい時ってありますよね。
どうにもピタッと決まらないとか、下の要素ともっと間を空けたいとか。。。

そんな時は仕方がないのでタグの中に直接スタイルを書かざるを得ないのですが、複数のスタイルを設定するときはどうしたらよいのかわかりませんでした。

たとえば文字を左寄せにしたい時は以下のように書きます。
<div style=”text-align:left;”> hogehoge</div>

さらに下の要素との間に間隔を空けたい時はどうすればいいのか?

答えは簡単で、 ”” で区切ってスタイルを追加すれば良いようです。

さらに、マージンのボトムに20画素を設定するにはこのようになります。
<div style=”text-align:left;margin-bottom:20px;”> hogehoge</div>

単純な というか そりゃそうだ 的な わかってみれば簡単なことでした。