Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html lang="en"><head>
- <title>Image - Left, Right & Center</title>
- <meta charset="utf-8">>
- <meta name="created" content="Mon, 12 Oct 2009 17:26:55 GMT">
- <meta name="description" content="">
- <meta name="keywords" content="">
- <style>
- * { margin: 0; padding: 0; border: 0; }
- h1 { text-align: center; }
- .imageWrap {
- width: 50%; height: 120px;
- margin: 3% auto;
- }
- #imageLeft {
- float: left;
- width: 160px; height: 120px;
- }
- #imageCenter {
- display: block;
- width: 160px; height: 120px;
- margin: 0 auto;
- }
- #imageRight {
- float: right;
- width: 160px; height: 120px;
- }
- </style>
- </head>
- <body>
- <h1>Image - Left, Right & Center (Inline CSS)</h1>
- <div class="imageWrap">
- <img id="imageLeft" src="http://i.imgur.com/C8PiY.jpg" title="Left" alt="Waves">
- <img id="imageRight" src="http://i.imgur.com/C8PiY.jpg" title="Right" alt="Waves">
- <img id="imageCenter" src="http://i.imgur.com/C8PiY.jpg" title="Center" alt="Waves">
- </div>
- </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement