Skip to content

Instantly share code, notes, and snippets.

@imamuddinwp

imamuddinwp/html5-css3-position-bd-national-flag.html

Last active October 6, 2019 11:24
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save imamuddinwp/761deab13118c49b343bc3ce676f5520 to your computer and use it in GitHub Desktop.
Save imamuddinwp/761deab13118c49b343bc3ce676f5520 to your computer and use it in GitHub Desktop.
Download ZIP
Hey there; it's me! Imam Uddin, imamcu07. Here is the example of HTML5 CSS3 position example. Example with National Flag of Bangladesh. For more details: https://about.me/imamcu07
Raw
html5-css3-position-bd-national-flag.html
<!DOCTYPE html>
<html lang="en">
<head>
<title>LWDAD - Learn Web Design & Development</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/normalize.min.css">
<link rel="stylesheet" href="styles.css">
<style>
body {
background-color: #FFFFE0;
color: #1E90FF;
}
.main_div {
background-color: #228B22;
width: 600px;
height: 365px;
position: relative;
}
.second_div {
height: 180px;
width: 180px;
background-color: #FF0000;
border-radius: 50%;
position: absolute;
margin: auto;
top:0;
bottom:0;
left: 0;
right:0;
}
</style>
</head>
<body>
<div class="main_div">
<div class="second_div">
</div>
</div>
</body>
</html>
@imamuddinwp
Copy link
Author

Codepan Link

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment