<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から一部抜粋）

この投稿のマルチメディアは削除されているためご覧いただけません。

回答No.1

zeff · ベストアンサー

list-style-position: inside;
で行けませんか？
http://www.htmq.com/style/list-style-position.shtml

ulに直接インラインで指定するか、
テンプレートに
.entry-body ul{
list-style-position: inside;
}
追加とか。

それでダメならテンプレート名を補足してください。
状況を再現できないHTMLを提示されてもわかりませんので。

お礼

ヒント、さんくす！

補足

FC2で使用しているテンプレート名は「simple3_black」です
初心者なのですみません；；

回答No.2

zeff

こちらはあなたの友達じゃないので、
＞ヒント、さんくす！
は失礼です。その一言で一気に再回答する気が失せましたし、

<ul style="list-style-position: inside;"><li>テスト1</li><!--
--><li>テスト2</li><!--
--><li>テスト3</li><!--
--><li>テスト4</li></ul>

を試したのか試してないのかもわからない。

とはいえ、
上記のようにすれば大丈夫なのを
お人好しにも確認してしまったので再度回答しました。

ネットであろうと「知らない人と話すのは敬語が基本」
でこれからはお願いしますね。

お礼

失礼な言葉遣い、大変申し訳ございませんでした
これからは気をつけたいと思います

補足

<ul style="list-style-position: inside;"><li>テスト1</li><!--
--><li>テスト2</li><!--
--><li>テスト3</li><!--
--><li>テスト4</li></ul>

こちらのタグで試したところ、枠の中におさまりましたが
なぜか黒ボッチが白抜きのボッチに変わってしまいました
これはボッチの種類を指定することで解決するのでしょうか？