Use the enctype attribute to specify how the browser encodes the data before it sends it to the server. Possible values are − application/x-www-form-urlencoded − This is the standard method most forms use in simple scenarios. mutlipart/form-data − This is used when you want to upload binary data in ... Read More

Let’s say we have P, Q, R, S, T aligned in the center of a web page − ... Read More

The footer as the name suggest remains fixed in the bottom of the web page. For example, in the following page, we have a fixed footer in the bottom i.e. the footer remains even when the page is scrolled above − To create a footer that stays in the ... Read More

To affect other elements when one element is hovered, an element should be inside another element i.e. parent-child or sibling. On placing the mouse cursor on one element, the other’s property should change i.e. the hover affect is then visible. Change the color of another element when one element is ... Read More

The className property is used to change an element’s class. Here, we will see two examples − How to change the element’s class using className property. How to toggle between old and new classes. Change the element’s class using className property In this example, we will change ... Read More

The clearfix, as the name suggests, is used to clear floats. It is generally used in float layouts. The clearfix is considered a hack to clear floats. Overflow Issue Example Let us see the problem first before moving towards the solution. We have an image here, floated to the right. ... Read More

We can easily center text inside a div both horizontally and vertically. Let us see them one by one. Center Text in Div Horizontally using the text-align property To center text in div horizontally, use the text-align property. The text-align property determines the way in which line boxes are aligned ... Read More

To remove extra space below the image inside div, we can use CSS. The following CSS properties can be used to get rid of the space − The vertical-align property The line-height property The display property Before moving further, let us see how the extra space below an ... Read More

We can easily vertically align elements in a div using any of the following ways − The position property The line-height property The padding property Let us see the examples one by one − Vertically align elements in a div using the position property The position property is ... Read More

We can easily remove the space between inline-block elements. Before moving further, let us first create an HTML document and add inline-block elements with space −Example DOCTYPE html> Inline block elements li { ... Read More