Last active
October 19, 2018 19:54
-
-
Save Prroffessorr/986c0511f29cf9c918ce688e935498af to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html lang="en"> | |
<head> | |
<meta charset="UTF-8"> | |
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
<meta http-equiv="X-UA-Compatible" content="ie=edge"> | |
<title>Document</title> | |
</head> | |
<body> | |
<style> | |
#wraped{ | |
border: 1px solid black; | |
width: 1000px; | |
padding:30px 50px 50px 50px; | |
margin: 0px auto; | |
} | |
#header{ | |
height: 200px; | |
margin-bottom: 40px; | |
} | |
.left , .right { | |
width: 200px; | |
outline: 1px solid black; | |
} | |
#midle>div | |
{ | |
height: 500px; | |
} | |
#header >div, #footer> div{ | |
height: 200px;; | |
} | |
.right{ | |
float: right; | |
} | |
.left{ | |
float: left; | |
} | |
.center{ | |
outline: 1px solid black; | |
margin: 0px 240px; | |
} | |
#footer{ | |
height: 200px; | |
margin-top:40px; | |
} | |
#footerlinks{ | |
margin-top:20px; | |
border: 1px solid red; | |
height: 10px; | |
padding: 20px; | |
} | |
.footerlinks{ | |
text-align: left; | |
color: green; | |
} | |
#title{ | |
height: 20px; | |
margin-top: 20px; | |
margin-bottom: 20px; | |
margin-left: 0px; | |
margin-right: 0px; | |
border: 10px solid black; | |
} | |
#incenter{ | |
height: 10px; | |
margin-bottom: 40px; | |
padding-top: 10px; | |
} | |
.inceter{ | |
outline: 1px solid black; | |
width: 100px; | |
margin: 0px 200px; | |
text-align: center; | |
} | |
#inright{ | |
height: 15px; | |
margin-left: 80px; | |
} | |
.inright{ | |
text-align: center; | |
outline: 1px solid black; | |
width: 60px; | |
margin: 0px 60px; | |
} | |
</style> | |
<div id="wraped"> | |
<div id="title"> | |
<div class="contentintitle">xontent</div> | |
</div> | |
<div id="header"> | |
<div class="left">left</div> | |
<div class="right"> | |
<div id="inright"> | |
<div class="inright"> inright </div> | |
</div> | |
right</div> | |
<div class="center"> | |
<div id="incenter"> | |
<div class="inceter"> center in </div> </div> | |
center | |
</div> | |
</div> | |
<div id="midle"> | |
<div class="left"> left</div> | |
<div class = "right"> right</div> | |
<div class="center"> center</div> | |
</div> | |
<div id="footer"> | |
<div class="left"> left </div> | |
<div class="right"> right</div> | |
<div class="center"> center | |
</div> | |
</div> | |
<div id="footerlinks"> | |
<div class="footerlinks"> sponsors </div> </div> | |
</div> | |
</body> | |
</html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment