将文本移动到右侧CSS [英] Moving text to right side CSS
本文介绍了将文本移动到右侧CSS的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我使用CSS时遇到问题。我花了分配完成目标工作的时间,但对我来说太难了。现在,我要请所有(网站管理员/开发人员)解决我的问题。
I'm facing a problem using CSS. I've expended the time allotted to complete the target job, but it's too hard for me. Now I'm going ask all of you (webmasters/developers) to solve my problem.
请检查这张照片,告诉我如何移动第二行文字, 3,5,6,8) - 我想让第二行文本从第一个开始的同一水平位置开始。
Please review this picture and tell me how I can move the second line of text for the bullets numbered (3, 5, 6, 8) - I want the second line of text to start at the same horizontal position at which the first one starts.
侧边栏:
.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
Here is the original link of site: Urgentfiles.com
推荐答案
这里 http://jsfiddle.net/jhkb5jrb/1/
body {
counter-reset: my-counter; /* REmove this */
}
ul {
list-style: none;
margin: 0px;
padding: 0px;
width: 300px;
counter-reset:plugincount; /* Add this */
}
ul li:before {
background: #8fc93e;
border: 1px solid #000;
border-radius: 100%;
color: #ffffff;
content:counter(plugincount); /* change from my-counter to plugincount*/
counter-increment:plugincount; /* change from my-counter to plugincount*/
float: left;
font-family: Georgia;
font-size: 16px;
font-weight: 700;
list-style-type: none;
margin-right: 15px;
padding: 0.3em 0.6em;
position: relative;
}
ul li{
padding: 0.7em 0;
}
ul li a{
text-decoration: none;
color: #000000;
}
这篇关于将文本移动到右侧CSS的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文