Advertisement
OldManRiver

Inline Buttons

Jun 19th, 2014
230
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <?php
  2.  
  3. ?>
  4.  
  5. <html>
  6.  
  7. <head>
  8. <style type="text/css">
  9. #outer-il {
  10. width: 100%;
  11. height: 43px;
  12. position: absolute;
  13. vertical-align: top;
  14. }
  15. .outer {
  16. height: 43px;
  17. display: inline-block;
  18. width: 80%;
  19. vertical-align: top;
  20. margin-top: -30px
  21. }
  22. .inner {
  23. vertical-align: top;
  24. position: relative;
  25. float: right;
  26. }
  27. </style>
  28. </head>
  29.  
  30. <body>
  31. <hr>
  32. <div class="outer-il">
  33. <h2>My Title Line</h2>
  34. <div class="outer">
  35. <div class="inner"><button type="submit thirdbutton">My 3rd Button</div>
  36. <div class="inner"><button type="submit secndbutton">My 2nd Button</div>
  37. <div class="inner"><button type="submit firstbutton">My 1st Button</div>
  38. </div>
  39. </div>
  40. <hr>
  41. </body>
  42.  
  43. </html>
Advertisement
Advertisement
Advertisement
RAW Paste Data Copied
Advertisement