Skip to content

Instantly share code, notes, and snippets.

@RCTumolac

RCTumolac/ModernArt.html

Created November 2, 2016 22:44
Show Gist options
  • Save RCTumolac/12a97d83e4b2ab9376ebc15b4fa9f2a9 to your computer and use it in GitHub Desktop.
Save RCTumolac/12a97d83e4b2ab9376ebc15b4fa9f2a9 to your computer and use it in GitHub Desktop.
Download ZIP
Exported from Popcode. Click to import: https://popcode.org/?gist=12a97d83e4b2ab9376ebc15b4fa9f2a9
Raw
ModernArt.html
<!DOCTYPE html>
<html>
<head>
<title>Page Art and Stuff</title>
</head>
<body>
<div class = "A" id = "b"></div>
<div class = "A" id = "d"></div>
<div class = "A" id = "h"></div>
<div class = "A" id = "e"></div>
<div class = "A" id = "g"></div>
<br>
<div class = "A" id = "f"></div>
<div class = "A" id = "c"></div>
<br>
</body>
</html>
Raw
styles.css
.A{
border: 3px solid;
}
#b{
height: 40px;
width: 150px;
background-color: red;
float: left;
}
#c{
height: 140px;
width: 75px;
background-color: green;
text-align: left;
}
#d{
height: 20px;
width: 150px;
background-color:blue;
display: block;
float: left;
clear: left;
}
#e{
height: 60px;
width: 80px;
background-color: green;
float: left;
}
#f{
height: 100px;
width: 500px;
background-color: red;
}
#g{
height: 90px;
width: 75px;
background-color: white;
float: left;
}
#h{
height: 30px;
width: 67px;
background-color: orange;
float:left;
clear: both;
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment