Archive for the ‘css’ Category

Css list with curly brackets

ol { counter-reset: list; } ol > li { list-style: none; } ol > li:before { content: counter(list) ") "; counter-increment: list; } Output: 1) Number1 2) Number2 3) Number3

CSS Rounded Corners

#rcorners1 { border-radius: 25px; }

div containers position

Main keywords which controls div contrainers position: float: left; and clear: left; Size by side example: 1 2 One on top of other example: 1 2

display parameter

display: block comment: for example <div> element takes the whole line as 100% width. display: inline comment: for example <div> element takes only own length and leave rest of the line to next elements