コンテンツのレイアウトを作成

コラムのブロックにIDを指定し、幅を145ピクセルに上と左側に余白を設定し左側に配置します。

  1. コンテンツのブロックにカーソルを置きます。
  2. 「スタイルシートエクスブレス」の「カーソルの位置」パネルを選択します。
  3. 2つある「div」のうち下の「div」を右クリックし、「ルールの新規作成」をクリックします。
  4. 「ルールの作成」のダイアログで「ID」を選択し「cont」と入力し、「OK」ボタンをクリックします。
  5. 「スタイルの設定」のダイアログで、「レイアウト」タブを選択します。
  6. 「上方向」を選択し、「パディング」を「10ピクセル」に指定します。
  7. 引き続き、「左方向」を選択し、「マージン」を「5ピクセル」に設定します。
  8. さらに「右方向」を選択し、「マージン」を「5ピクセル」に設定します。
  9. 「位置」タブを選択し、「幅」を「480ピクセル」に設定します。
  10. 「属性」で「回り込み」を「右」に指定して「OK」ボタンをクリックします。

「ページ/ソース」タブをクリックし、下記のソースが追加されたことを確認します。

#cont{
padding-top : 10px;
margin-left : 5px;
margin-right : 5px;
width : 480px;
float : right;
}

結果