center the div :3

This commit is contained in:
Ashley 2023-02-15 17:30:41 +00:00
parent a393f7e2f5
commit 1fb7f9fa4b

View file

@ -1,8 +1,7 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html lang="en">
<head> <head>
<link href="https://codeberg.org/Ashley/poketube/raw/branch/main/css/yt-ukraine.svg" rel=icon> <link href="https://codeberg.org/Ashley/poketube/raw/branch/main/css/yt-ukraine.svg" rel=icon>
<title> warming up... </title> <title> warming up... </title>
<style> <style>
* { * {
@ -10,23 +9,23 @@
} }
body { body {
display: flex; display: flex;
height: 100vh;
background: #111; background: #111;
} }
div { div {
margin: auto; margin: auto;
display: flex; display: flex;
flex-flow: column; flex-flow: column;
align-self: center; align-self: center;
background: #333; background: #333;
color: #fff; color: #fff;
padding: 1em; padding: 1em;
border-radius: 31px; border-radius: 31px;
min-height: 34em; min-height: 34em;
} }
a { a {
color:#0ab7f0; color:#0ab7f0;
text-decoration: none; text-decoration: none;
} }
a.class:hover { a.class:hover {
text-decoration: underline; text-decoration: underline;