Positioning text to bottom of div

HTML & CSS
1

Hi all,

I have a div set out like the following:


<div>
Some text here.
<a href="#">Link Here</a>

I need the link at the bottom to be right at the bottom of the div though, and this is something that I’m struggling with. I’ve tried absolute positioning, relative positioning but I can’t get anything to work. Could anyone help?

Thanks,
Mike

2

You could put the link in a div inside the container div, and set the height, width and positioning of the inner div. That should do it.

3

Have you tried positioning like this?


div {
	position: relative;
	padding-bottom: 30px;
}
div a {
	position: absolute;
	bottom: 0;
	left: 0;
}


<div>
	<p>Some text here.</p>
	<a href="#">Link Here</a>
</div>
4

Thanks erik, that works perfectly.