0 szavazat
(150 pont) által 
által újranyitott

Sziasztok!

Nekem az lenne a kérdésem, hogy hogyan tudok a body-n belül egy div-t horizontálisan és vertikálisan is középre helyezni?

A margin: auto; -val horizontálisan sikerült középre helyeznem, azonban vertikálisan nem rendeződik ezzel középre. A „div position center vertical and horizontal in css” keresőszavakkal próbáltam rákeresni, de nem igazán találtam egyértelmű válaszokat. Végül a margin: 50% auto; -val sikerült vertikálisan is középre helyeznem a div-et.
https://jsbin.com/civikix/edit?html,css,output

Kérdésem, hogy létezik-e más, esetleg jobb megoldás?

Köszönöm a válaszokat előre is!

1 válasz

0 szavazat
(870 pont) által 
által kiválasztott
 
Legjobb válasz

canvas {

width: 300px;
height: 300px;
background-color: green;
}

body {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
}

...