Guest User

Untitled

a guest
Jan 21st, 2019
84
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.52 KB | None | 0 0
  1. <html>
  2. <body>
  3.  
  4. <div style="float:left;">
  5. Arbitrarily long title
  6. <div style="float:right">more...</div>
  7. </div>
  8.  
  9. <div style="width:0px; overflow:visible; white-space:nowrap;">
  10. Arbitrarily long title
  11. <div style="float:right">more...</div>
  12. </div>
  13.  
  14. <!-- This sort of simulates what I want, but the title length is arbitrary and I don't want to have to measure the text -->
  15. <div style="width:120px;">
  16. Arbitrarily long title
  17. <div style="float:right">more...</div>
  18. </div>
  19.  
  20. </body>
  21. </html>
  22.  
  23. <div class="title-block">
  24. <div>Arbitrarily long title</div>
  25. <div class="more">more...</div>
  26. </div>​
  27.  
  28. .title-block { float: left; position: relative; padding-bottom: 1em; }
  29. .more { position: absolute; right: 0; bottom: 0; }​
  30.  
  31. <div style="float:left; position: relative">
  32. <div>Arbitrarily long title</div>
  33. <div style="position:absolute; right: 0">more...</div>
  34. </div>
  35.  
  36. <div style="float: left;">
  37. <div>
  38. Arbitrarily extra extra long title here
  39. </div>
  40. <div style="float:right;">
  41. more...
  42. </div>
  43. </div>
  44.  
  45. <div>
  46. <div> Business area </div>
  47. <div> Inernal Audit </div>
  48. <div style="text-align: right;"><a href="#"> More... </a></div>
  49. </div>
  50.  
  51. <div class="one">
  52. Arbitrarily long title Arbitrarily long title
  53. <div class="two">more...</div>
  54. </div>
  55.  
  56. .one{
  57. width:auto;
  58. float:left;
  59. border:thin red solid;
  60. margin:5px;
  61. }
  62. .two{
  63. float:right;
  64. }
Add Comment
Please, Sign In to add comment