Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!doctype html>
- <html>
- <head>
- <title>Learning CSS</title>
- <meta charset="utf-8" />
- <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
- <meta name="viewport" content="width=device-width, initial-scale=1" />
- <style type="text/css">
- .large {
- font-size:200%;
- }
- #green {
- color:green;
- }
- .underline {
- text-decoration:underline;
- }
- .bold {
- font-weight:bold;
- }
- .purplebox {
- background-color:#8904B1;
- width:200px;
- height:200px
- position:relative;
- left:100px;
- }
- .greenbox {
- background-color:#01DF01;
- width:300px;
- height:100px;
- }
- </style>
- </head>
- <body>
- <div class="purplebox">
- <p class="large">This is some text.</p>
- </div>
- <div class="greenbox">
- <p id="green" class="large">This is some more text.</p>
- </div>
- <div class="clear"></div>
- <p>The third <span class="underline large bold">word</span> in this paragraph is underlined.</p>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement