Css trick - Text at left side banner

SUBMITTED BY: Howtoforall

DATE: June 9, 2016, 12:45 p.m.

UPDATED: June 9, 2016, 3:40 p.m.

FORMAT: CSS

SIZE: 801 Bytes

History Raw Download

HITS: 1926

Report
  1. css Div container with text on left side of a standaard banner
  2. example/ demo http://www.onlinereviewsforyou.tumblr.com/PTP%20TRICK%20PAGE
  4. <<<<<<<<<<<<<< THIS PART INSIDE HEAD >>>>>>>>>>>>
  5. <style>
  6. .post-container {
  7. margin: 10px 0 0 0;
  9. overflow: auto
  10. }
  11. .post-thumb {
  12. float: right
  13. }
  14. .post-thumb img {
  15. display: block
  16. }
  17. .post-content {
  18. margin-left: 0px
  21. }
  22. </style>
  23. <<<<<<<<<<<<<<<THIS PART INSIDE BODY >>>>>>>>>>>>>>>>>>>>>>>>>>
  24. <div class="post-container">
  25. <div class="post-thumb"><a href="http://www.DESTINATION_LINK_HERE" target="_blank">
  26. <img src="BANNER LINK HERE (THE IMAGE)" border="0" width="468" height="60" ></a></div>
  27. <div class="post-content">
  28. TEXT LINE 1<br>TEXT LINE 2<br>TEXT LINE 3</div></div>
comments powered by Disqus