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? 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; } 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 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; } 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
Archived
This topic is now archived and is closed to further replies.