Aabha Pandey

Hello Guys! Today is Wednesday, the day to do and learn something new from your routine work. So lets learn some new CSS and HTML tricks to create a navigation menu which will take the width of its

1. All floated elements are like 'td' (Columns) which must be wrapped in a 'tr' (Row) that it would not affect other elements. So the structure must like as follows: [crayon-662d94d324003326115859/] Here FloatDiv1 / 2/ 3 are float:left

Horizontally Centering an element Normally text and other inline elements like img tag and inline-block elements align in center by putting text-align:center on their parent div. But if we want to align horizontally center a display:block element, then

Any HTML element can have 4 types of positioning: Static - Default position of any element. Means it is in default document flow. Relative - If it is a parent for any absolute positioned element inside, then that

There are several ways of creating a popup, some use JS functions to put effects and animations and some use CSS frameworks like Bootstrap models for it. But by using simple jquery and css it can be easily

At times all front-end developer face this issue that when they use floated blocks for listing items in grid, they have to use a fix height for each floated block which again creates issues like one have to