wordpressの空白設定について

質問

wordpressのサイドバー（ウィジェット）に以下のコードを書きましたが、右側に余白ができずに困っています。（詳細は、画像をご参照ください）

赤矢印のところに、5pxくらいの余白を設定したいです。

どうすれば、右側にも余白を設定できるのでしょうか？

どうぞよろしくお願い致します。

<div class="twibox">
<div class="textwidget"><img width="100" height="100" src="http://XXX.XXX.jp/pic/XXX.png" alt="" / class="float-left" style="margin:5px 14px 5px 12px;"><ul><li>
名前：XXXX<br/>
年齢：XXXX<br/>
あああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ</li></ul></div></div>

回答No.2

Kaneyan-R · ベストアンサー

基礎すら理解していないようで。

<li style="padding: 5px;">

これだと、全周囲5pxの余白が出来る。
右だけなら右だけ指定するか、全周囲分指定する。
全周囲分指定するなら、親要素や隣接する要素のmarginやpadding、size、width、heightの数値を考慮して指定しないと、レイアウトが崩れる。

前にも書いたけど、カスタマイズするならHTMLとCSSの知識は必須。精進せよ。

お礼

Kaneyan-R様

詳細にご指導いただきまして誠にありがとうございました。

やりたいことができました！！！

まだまだ勉強不足なので、おっしゃる通り精進したいと思います。

頑張ります！

回答No.1

Kaneyan-R

liタグにpadding指定。
もしくは、class作ってCSSで指定。

textwidgetでpaddingとってもいいかもしれないが、多分他がおかしくなると思うので。

言ってる意味が分からないようなら、HTMLとCSSの基礎を勉強しましょう。

お礼

ご回答ありがとうございました！

あと１つだけ教えてください。
「liタグにpadding指定」というのは、
具体的には

<li padding: 5px;>
名前：XXXX<br/>
年齢：XXXX<br/>
あああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ</li>

とすればよいのでしょうか？

よろしくお願い致します。