API tools faq
paste
PayneLess_Designs

PayneLess Designs - Image - Text to Left

PayneLess_Designs
Aug 6th, 2010
299
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 4.67 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="en"><head>
  3. <meta charset="utf-8">
  4. <title><!DOCTYPE html>
  5. <html lang="en"><head>
  6. <meta charset="utf-8">
  7. <title>Image - Text to Left</title>
  8. <meta name="created" content="Fri, 06 Aug 2010 18:47:15 GMT">
  9. <meta name="description" content="">
  10. <meta name="keywords" content="">
  11. <meta name="author" content="Ron">
  12. <!-- <link type="text/css" rel="stylesheet" href="css_styles.css"  media="screen"> -->
  13. <!-- <script type="text/javascript" src=""></script> -->
  14.  
  15. <style type="text/css">
  16. * { margin: 0; padding: 0; border: 0; }
  17.  
  18. div#wrap {
  19. width: 625px;
  20. margin: 20px;
  21. }
  22. .text-right {
  23. width: 400px;
  24. text-align: justify;
  25. }
  26. .image {
  27. float: right;
  28. padding: 5px;
  29. }
  30. </style>
  31.  
  32. <!--[if IE]>
  33. <link rel="stylesheet" type="text/css" href="css_styles_ie.css">
  34. <![endif]-->
  35.  
  36. <!--[if IE]>
  37. <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
  38. <![endif]-->
  39. </head>
  40. <body>
  41. <div id="wrap">
  42.  
  43. <p class="text-right"><img class="image"  style="width: 150px; height: 200px;" src="http://a.imageshack.us/img62/2428/dee7876282.jpg" alt=""> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum varius commodo pharetra. Sed et est lectus. Morbi luctus odio sit amet sem rhoncus sit amet luctus lacus feugiat. Phasellus luctus vulputate libero et elementum. Suspendisse quis ligula purus, vitae euismod est. Donec est purus, vestibulum condimentum consequat id, porttitor et metus. Aliquam lobortis metus id nibh venenatis a placerat augue accumsan. Aenean dapibus consectetur est, vitae posuere metus imperdiet vitae. Maecenas a accumsan erat. Sed id ligula in libero semper tincidunt id nec turpis. Curabitur elementum dictum massa, sit amet tristique tortor varius in. Quisque dictum sagittis risus, consectetur congue nisl placerat sit amet. Phasellus luctus, est luctus sodales malesuada, erat mauris rhoncus lectus, vel viverra ante sapien at velit. Pellentesque eu arcu leo, vitae congue magna. Sed rhoncus lorem non risus pharetra laoreet. Donec fringilla facilisis lectus id condimentum. Vestibulum congue sodales vulputate. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla eros dolor, dictum a aliquet et, elementum id mi. Aenean nisi dolor, commodo at pellentesque et, tincidunt at neque.</p>
  44. </div>
  45.  
  46. <p>See complete <a href="http://paynelessdesigns.pastebin.com/7mCCRTjq" title="Page Code">page code</a> at PasteBin.com.</p>
  47. </body></html></title>
  48. <meta name="created" content="Fri, 06 Aug 2010 18:47:15 GMT">
  49. <meta name="description" content="">
  50. <meta name="keywords" content="">
  51. <meta name="author" content="Ron">
  52. <!-- <link type="text/css" rel="stylesheet" href="css_styles.css"  media="screen"> -->
  53. <!-- <script type="text/javascript" src=""></script> -->
  54.  
  55. <style type="text/css">
  56. * { margin: 0; padding: 0; border: 0; }
  57.  
  58. div#wrap {
  59. width: 625px;
  60. margin: 20px;
  61. }
  62. .text-right {
  63. width: 400px;
  64. text-align: justify;
  65. }
  66. .image {
  67. float: right;
  68. padding: 5px;
  69. }
  70. </style>
  71.  
  72. <!--[if IE]>
  73. <link rel="stylesheet" type="text/css" href="css_styles_ie.css">
  74. <![endif]-->
  75.  
  76. <!--[if IE]>
  77. <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
  78. <![endif]-->
  79. </head>
  80. <body>
  81. <div id="wrap">
  82.  
  83. <p class="text-right"><img class="image"  style="width: 150px; height: 200px;" src="http://a.imageshack.us/img62/2428/dee7876282.jpg" alt=""> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum varius commodo pharetra. Sed et est lectus. Morbi luctus odio sit amet sem rhoncus sit amet luctus lacus feugiat. Phasellus luctus vulputate libero et elementum. Suspendisse quis ligula purus, vitae euismod est. Donec est purus, vestibulum condimentum consequat id, porttitor et metus. Aliquam lobortis metus id nibh venenatis a placerat augue accumsan. Aenean dapibus consectetur est, vitae posuere metus imperdiet vitae. Maecenas a accumsan erat. Sed id ligula in libero semper tincidunt id nec turpis. Curabitur elementum dictum massa, sit amet tristique tortor varius in. Quisque dictum sagittis risus, consectetur congue nisl placerat sit amet. Phasellus luctus, est luctus sodales malesuada, erat mauris rhoncus lectus, vel viverra ante sapien at velit. Pellentesque eu arcu leo, vitae congue magna. Sed rhoncus lorem non risus pharetra laoreet. Donec fringilla facilisis lectus id condimentum. Vestibulum congue sodales vulputate. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla eros dolor, dictum a aliquet et, elementum id mi. Aenean nisi dolor, commodo at pellentesque et, tincidunt at neque.</p>
  84. </div>
  85.  
  86. <p>See complete <a href="http://paynelessdesigns.pastebin.com/7mCCRTjq" title="Page Code">page code</a> at PasteBin.com.</p>
  87. </body></html>
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!