我正面臨使用CSS的問題。我花了分配時間來完成目標工作,但對我來說太難了。現在我要問大家(網站管理員/開發人員)解決我的問題。將文字移到右側CSS
請查看這張照片,並告訴我,我怎麼可以移動文本編號子彈的第二行(3,5,6,8) - 我希望文本的第二行的開始第一個開始時的水平位置相同。
下面是這個側邊欄的CSS:
.plugins ul{padding-left:0;counter-reset:plugincount;}
.plugins ul li{border-bottom:1px dashed #ddd;line-height:20px}
.plugins ul li:before{content:counter(plugincount);counter-increment:plugincount;margin-left:-10px;margin-right:1px;background:#8FC93E;border-radius:25px;border:1px solid #000;color:#fff;font:bold 16px georgia;padding:.3em .6em}
..plugins ul li{border-bottom:1px dashed #ddd}
.plugins ul li a{margin-left:10px;}
.plugins ul li a:hover{text-decoration:none}
.plugins ul li:hover,.plugins ul li:hover{border-bottom:1px dashed #696969}
這裏是網站的原文鏈接:Urgentfiles.com
I'don't得到你的答案,請解釋一下 – 2014-10-03 20:42:51
你試試碼?創建子彈時,它們具有實際黑色圓圈子彈的默認「內部」或「外部」定位。這是指它相對於'li'元素的位置。如果它在裏面,那就像子彈文本中的一個字母。如果它在外面,那麼左對齊的文本開始在黑圈的右側。 – 2014-10-03 21:09:41