CSS how to position element in lower right

Question

I am trying to position the text element  Bet 5 days ago  in the lower right-hand corner   How can I accomplish this   And  more importantly  please explain so I can conquer CSS

User · Answer

Set the CSS position  relative  on the box  This causes all absolute positions of objects inside to be relative to the corners of that box  Then set the following CSS on the  Bet 5 days ago  line   position  absolute  bottom  0  right  0    If you need to space the text farther away from the edge  you could change 0 to 2px or similar

User · Answer

Lets say your HTML looks something like this    lt div class  box  gt       lt  -- stuff -- gt       lt p class  bet time  gt Bet 5 days ago lt  p gt   lt  div gt    Then  with CSS  you can make that text appear in the bottom right like so    box       position relative     bet time       position absolute      bottom 0      right 0      The way this works is that absolutely positioned elements are always positioned with respect to the first relatively positioned parent element  or the window  Because we set the box s position to relative   bet time positions its right edge to the right edge of  box and its bottom edge to the bottom edge of  box

[css] CSS: how to position element in lower right?

The answer is

Examples related to css

Tags