<li>タグについて質問です。まずは添付した画像を見てください。当方は
<li>タグについて質問です。まずは添付した画像を見てください。当方は以下のようなタグを入力し、FC2ブログへ記事を書いたのですが、丸ボッチの部分が枠の外へはみ出してしまいました。これを枠の内側へ揃えたいのですが、どうすればいいのでしょうか？尚、当方のブログ記事とスタイルシートは以下のとおりです
*****ブログ記事***********************************
<ul><li>テスト1</li><!--
--><li>テスト2</li><!--
--><li>テスト3</li><!--
--><li>テスト4</li></ul>
*****スタイルシート*******************************
*{
margin:0px;
padding:0px;
}
html {
scrollbar-track-color:#FFFFFF;
scrollbar-face-color:#FFFFFF;
scrollbar-shadow-color:#FFFFFF;
scrollbar-highlight-color:#FFFFFF;
scrollbar-darkshadow-color:#000000;
scrollbar-3dlight-color:#000000;
scrollbar-arrow-color:#000000;
}
body {
margin :15px;
background-color :#FFFFFF;
text-align :center;
color :#000000;
font-size :10pt;
}
table{
font-size :10pt;
}
img {
border :0px;
}
form {
margin :0px;
}
textarea,input,select {
background-color :#FFFFFF;
font-size :10pt;
color :#000000;
border :1px #000000 solid;
}
/* リンクの設定
------------------------------------------------------------ */
a {
text-decoration:none;
color : #CC0000;
}
a:hover {
text-decoration:underline;
color : #FF0000;
}
/* 本文部分の設定
------------------------------------------------------------ */
div#primary-column {
float : right;
width : 440px;/* コンテンツ幅 */
}
div.section{
margin-bottom :15px;
width : 440px;/* コンテンツ幅 */
background-color :#FFFFFF;
border : 1px #000000 solid;
}
div.entry-date{
padding :3px 5px;
background-color :#000000;
text-align : right;
font-weight :bold;
color :#FFFFFF;
}
div.entry-date a{
color :#FFFFFF;
}
h1 {
padding :3px 5px;
border-bottom : 1px #000000 dotted;
font-weight :bold;
font-size :10pt;
}
.entry-body {
padding :10px;
line-height:1.3;
}
/* 追記部分 */
.entry-more{
margin :15px 0;
}
/* 拍手部分 */
.fc2_footer{
margin :10px 0;
}
/*タグ部分 */
div.tag_lnk{
margin :10px 0;
}
/* フッター部分 */
ul.entry-footer {
list-style-position : inside;
text-align:right;
font-size :8pt;
}
ul.entry-footer li {
display : inline;
list-style-type : none;
}
（スタイルシートCSSから一部抜粋）
お礼
解り易いご回答有難う御座いました。