Список с кружками для интернетдома

by jt3k

HTML

<p><div class='ls'>1</div><div class='cn'>111 11 1 1 11 111 1 111 11 11 1 111 11 111 1 111 1 11 111 11 1 1 11 111 1 111 11 11 1 111 11 111 1 111 1 11 111 11 1 1 11 111 1 111 11 11 1 111 11 111 1 111 1 11 111 11 1 1 11 111 1 111 11 11 1 111 11 111 1 111 1 11 111 11 1 1 11 111 1 111 11 11 1 111 11 111 1 111 1 11 111 11 1 1 11 111 1 111 11 11 1 111 11 111 1 111 1 11 111 11 1 1 11 111 1 111 11 11 1 111 11 111 1 111 1 11 111 11 1 1 11 111 1 111 11 11 1 111 11 111 1 111 1 11 111 11 1 1 11 111 1 111 11 11 1 111 11 111 1 111 1 11 111 11 1 1 11 111 1 111 11 11 1 111 11 111 1 111 1 11 111 11 1 1 11 111 1 111 11 11 1 111 11 111 1 111 1 11 111 11 1 1 11 111 1 111 11 11 1 111 11 111 1 111 1 11 </div></p>
<p><div class='ls'>2</div><div class='cn'>2 22 222</div></p>
<p><div class='ls'>3</div><div class='cn'>33 3 333</div></p>

CSS

p>.ls,p>.cn {border: 0}
.ls {
    color:white;
    background:orange;
    float:left;
    clear:both;
    /* padding:1em; */
    font:bold 20px/40px Arial;
    width:40px;
    text-align:center;
    border-radius:30px 99px 99px 99px;
    margin: 0 10px 10px 10px;
    text-shadow: 0px 1px 2px #8C713F; box-shadow: 0px 1px 2px #805200;
    
}
.cn {margin-left: 60px;}