Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html lang="pl">
- <head>
- <meta charset="utf-8">
- <title>16.10.1</title>
- </head>
- <style>
- #container
- {
- width: 900px;
- height: 830px;
- background-color: firebrick;
- }
- #naglowek
- {
- height: 190px;
- width: 880px;
- background-color: tomato;
- padding: 10px;
- }
- #menu
- {
- float: left;
- width: 160px;
- background-color: tan;
- height: 460px;
- padding: 20px;
- text-align: center;
- }
- #box1
- {
- float: left;
- width: 500px;
- background-color: rebeccapurple;
- height: 430px;
- padding: 35px;
- }
- #box2
- {
- background-color: teal;
- height: 200px;
- width: 400px;
- position: absolute;
- top: 410px;
- left: 300px;
- }
- #prawyBox
- {
- float: left;
- width: 90px;
- background-color: yellow;
- height: 460px;
- padding: 20px;
- }
- #stopka
- {
- clear: both;
- height: 100px;
- font-family: Arial, Helvetica, sans-serif;
- color: white;
- text-align: right;
- background-color: green;
- padding: 10px;
- }
- </style>
- <body>
- <div id="container">
- <div id="naglowek">naglowek</div>
- <div id="menu">
- <p>menu</p>
- <a href="https://google.com" target="_blank">google1</a>
- <br>
- <a href="https://google.com" target="_blank">google2</a>
- <br>
- <a href="https://google.com" target="_blank">google3</a>
- </div>
- <div id="box1">box1
- <div id="box2">box2</div>
- </div>
- <div id="prawyBox">prawyBox</div>
- <div id="stopka">stopka</div>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement