Skip to main content

How to center a div both horizontally and vertically ?(with code)

 To center a div both horizontally and vertically, we use flex.

if you want the full code , here it is :

<!DOCTYPE html>
<html lang="en">
<head>
    <style>
        body{
            margin: 0;
            overflow: hidden;
        }

        #centered{
            width: 100;
            height: 99vh;
            display: flex;
            justify-content: center;
            align-items: center;
        }
    </style>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>yt</title>
</head>
<body>
    <script src="yt.js"></script>
    <div id="centered"><div id="centre">centered</div></div>
</body>
</html>



now, in this code, the main three lines of code is this :

display: flex;
justify-content: center;
align-items: center;


------------------------------------------------


you would need to add the above given code into the css of the parent div.


here is how it would look without using the above three lines :
















Thanks for reading






























Comments

Post a Comment

Popular posts from this blog

when will spacex send people to mars ?

There was no specific timetable for SpaceX's ambitious intentions to carry humans to Mars as of my most recent information update in January 2022.  Elon Musk is the company's leader. Musk has proposed a crewed journey to Mars that might launch in the middle of the 2020s, but there are a number of technological, legal, and financial obstacles that could prevent this from happening.  The precise timescale for SpaceX's development of the Starship spaceship, a crucial element for Mars missions, is yet unknown. For the most recent details on SpaceX's intentions for Mars, check out the company's official website or the most recent news sources.
Post a Comment
Read more

How to get the name of any song

 To get the name of any song , you have to install an app named "shazam". When you have installed and opened the app you have to click the blue button to record the sound . Make sure that the song in playing . When you have clicked the button it will record the sound and then it will give you the name. Here is the link : download
Post a Comment
Read more