AndyPSV Posted November 12, 2011 Share Posted November 12, 2011 how to add in front of each point §; instead of e.g. "1.", or "2." I want: "§ 1." <- bold http://img406.imageshack.us/img406/485/33135089.gif sign: "§" How? Quote Link to comment https://forums.phpfreaks.com/topic/251004-css-numbered-lists-adding-a-sign/ Share on other sites More sharing options...
AndyPSV Posted November 12, 2011 Author Share Posted November 12, 2011 solved. http://jsfiddle.net/vKhAv/ ol { counter-reset: paragraf; list-style-type: none; } ol > li { counter-increment: paragraf; } ol > li::before { content: "§" counter(paragraf) "."; font-weight: bold; margin-right: 10px; } Quote Link to comment https://forums.phpfreaks.com/topic/251004-css-numbered-lists-adding-a-sign/#findComment-1287628 Share on other sites More sharing options...
AndyPSV Posted November 12, 2011 Author Share Posted November 12, 2011 why it don't work on my code http://img710.imageshack.us/img710/3979/unled2i.gif Quote Link to comment https://forums.phpfreaks.com/topic/251004-css-numbered-lists-adding-a-sign/#findComment-1287632 Share on other sites More sharing options...
AndyPSV Posted November 12, 2011 Author Share Posted November 12, 2011 did it #nfo ol {counter-reset: paragraf;list-style-type:none} #nfo li {counter-increment:paragraf;position:relative} #nfo li::before {content: "\00a7" counter(paragraf) ".";position: absolute; display: block; width: 50px; top: 0; left: -50px; text-align: right; padding-right: 5px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } Quote Link to comment https://forums.phpfreaks.com/topic/251004-css-numbered-lists-adding-a-sign/#findComment-1287667 Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.