左右の罫線にぴったりと文字がついていて非常に読みにくいたため
エントリー本文の左右のマージン(余白?、インデント?)を指定したい。
マージン 1文字程度(px指定なのかな)
-----------------------------------------------------------------
一文字の場合は、emという単位が使えます。
矩形の相対位置はマージンmarginとパッディングpaddingが使えます。
------------------------------- ←margin
| --------------------------- |←border
| | ----------------------- | |←padding
| | |あいうえおかきくけこ
| | |
| |
| | | |
| |
| | | |
| | ----------------------- | |
| --------------------------- |
-------------------------------
/*ブログ表示部分*/
#container {
line-height: 140%;
margin-right: auto;
margin-left: auto;
text-align: left;
padding: 0px;
width: 780px;
background-color: #FFF;
border: #FFF 0px solid;
background-position: 50% 0px;
background-repeat: repeat-y;
}
上は現在の<div id=container >のスタイルシートですが
例えば、#containerが含む要素がborderから内側に余白をつけて表示したい場合は、「padding: 1em」とすればよいです。
ピクセルなら、「padding: 5px」とかです。
で、今回の場合は、カテゴリページで余白を明けたいのであれば、スタイルシートに以下追加してみてください。
-----------------------------------
/* カテゴリページのエントリ */
.entry {
padding: 10px
}
-----------------------------------
右側だけなら
padding-right:
左 padding-left
上 padding-top
下 padding-bottom
padding: 5px 10px 15px 20px
としたら、topから時計回り、つまり以下のように
上 5px
右 10px
下 15px
左 20px
この記法は、borderやmarginも一緒です。