Css Learning

• white-space:no-wrap to make text in a line .
• vertical-align:middle; display:table-cell will not work with float so advise to insert a div cover for entering float .
• Use Float left to all the div in the container with the width specified.
• Use Position:relative for parent div , and absolute for child div for positioning.
• For Floating image use overflow:hidden;
• Use CSS selectors .e.g. > * for select adjacent child divs. Check this link for more css selectors.
• Z-index of elements should be check in the same Containers., And position should be absolute of the other element.