How to stick text to the bottom of the page?

You might want to put the absolutely aligned div in a relatively aligned container – this way it will still be contained into the container rather than the browser window.

<div style="position: relative;background-color: blue; width: 600px; height: 800px;">    

    <div style="position: absolute; bottom: 5px; background-color: green">
    TEST (C) 2010
    </div>
</div>

Related Posts:

  1. Open source social media icons to download and use on website? [closed]
  2. CSS calc width and height values
  3. Center image using text-align center?
  4. See answer keys in Google Form (quiz) source page?
  5. CSS Background Opacity [duplicate]
  6. How do I vertically align text in a div?
  7. Why does z-index not work?
  8. How do I vertically center text with CSS?
  9. Center image horizontally within a div
  10. Failed to load resource: the server responded with a status of 404 (Not Found) css
  11. How do I vertically center text with CSS?
  12. Remove CSS class from element with JavaScript (no jQuery) [duplicate]
  13. Set cookie and get cookie with JavaScript
  14. Prevent line-break of span element
  15. How to align iframe always in the center
  16. How do I auto-resize an image to fit a ‘div’ container?
  17. Expected RBRACE, but the bracket is there?
  18. How to make an image center (vertically & horizontally) inside a bigger div
  19. How to center text with Markdown?
  20. CSS `height: calc(100vh);` Vs `height: 100vh;`
  21. Disable Scrolling on Body
  22. Darken CSS background image?
  23. CSS no text wrap
  24. Responsive image map
  25. How to wrap text around an image using HTML/CSS
  26. Bootstrap 4 Sticky Footer Not Sticking
  27. How to change css property using javascript
  28. How to make a whole ‘div’ clickable in html and css without JavaScript?
  29. How (and why) to use display: table-cell (CSS)
  30. Vertical Text Direction
  31. How to darken a CSS background image?
  32. How can I make a CSS glass/blur effect work for an overlay?
  33. Should I use px or rem value units in my CSS?
  34. Flexbox: center horizontally and vertically
  35. Maintain the aspect ratio of a div with CSS
  36. What is the difference between id and class in CSS, and when should I use them?
  37. How to set Helvetica font?
  38. Indent starting from the second line of a paragraph with CSS
  39. jQuery.addClass not working
  40. what’s the easiest way to put space between 2 side-by-side buttons in asp.net
  41. Vertically centering a div inside another div
  42. Does bootstrap 4 have a built in horizontal divider?
  43. How to move image with css/html
  44. CSS list-style-image size
  45. How can I set the image opacity for body background
  46. How to style the option of an html “select” element?
  47. CSS pick a random color from array
  48. Adding background image to div using CSS
  49. How to display hr horizontally with flex?
  50. Center a DIV horizontally and vertically
  51. how to overwrite css style
  52. How can I move this text up using CSS?
  53. Target a css class inside another css class
  54. CSS float right not working correctly
  55. How can I vertically align elements in a div?
  56. How to give spacing between buttons using bootstrap
  57. How can I override Bootstrap CSS styles?
  58. Space between two rows in a table?
  59. How to get CSS to select ID that begins with a string (not in Javascript)?
  60. Styling an input type=”file” button
  61. Make a div fill the height of the remaining screen space
  62. How to stick footer to bottom (not fixed) even with scrolling
  63. Setting table row height
  64. How do I disable the resizable property of a textarea?
  65. How to change the background-color of jumbrotron?
  66. Add image in title bar
  67. Is it possible to set the equivalent of a src attribute of an img tag in CSS?
  68. What replaces cellpadding, cellspacing, valign, and align in HTML5 tables?
  69. How to display a gif fullscreen for a webpage background?
  70. vertical-align with Bootstrap 3
  71. How to add image that is on my computer to a site in css or html?
  72. How do I align in my image to move it vertically up?(CSS,HTML)?
  73. How to use PHP inside css file
  74. How to align 3 divs (left/center/right) inside another div?
  75. Setting a max character length in CSS
  76. Bootstrap Columns Not Working
  77. How to center an unordered list?
  78. Align an element to bottom with flexbox
  79. How can I change the thickness of my
    tag
  80. How to make div appear in front of another?
  81. PHP Include Nav-bar For Every Page Techniques?
  82. External CSS not working
  83. How to exclude particular class name in CSS selector?
  84. How to create spoiler text?
  85. How do I center text in a span?
  86. HTML/CSS–Creating a banner/header
  87. text-align justify not working
  88. Change hover color on a button with Bootstrap customization
  89. Alternate table row color using CSS?
  90. Best way to center a
  91. How to make a div 100% height of the browser window
  92. How to create a hidden in JavaScript?
  93. How to resize an image to fit in the browser window?
  94. How to make a DIV not wrap?
  95. CSS “and” selector – Can I select elements that have multiple classes?
  96. HTML / CSS table with GRIDLINES
  97. CSS: Background image and padding
  98. Layout a flex box similar to a table?
  99. Firefox CSS Animations Broke [closed]
  100. How can I insert a disclaimer in a WordPress site?

Leave a Comment