cssHow to align a div vertically and horizontally on the page position: absolute
.child-div{
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}ctrl + c.child-divyour aligned div | position: absoluteposition your div relatively to its parent |
left: 50%position your div halfway to the right | top: 50%position your div halfway to the bottom |
transform: translate(-50%, -50%)position your div halfway to its own origin | |
More of Css
- How to set background for empty table cell
- Set body height to 100%
- Wrap text automatically in pre tag
- Change color of HR element
- Make image width automatically fit div container
- How to make div 100% height of browser window
- How to add vertical scroll to div
- Selector not having certain class
- Resize an image proportionally based on width
- How to align a div horizontally on the page
See more codes...