Member Avatar for ruwanaru

need to alight div inside another div
inner div must be aligned centerd bottom of the outer div
i have attached a image that i want

Untitled-6.jpg 20.15 KB
  • 2 Contributors
  • 1 Reply
  • 323 Views
  • 1 Hour Discussion Span
  • Latest Post Latest Post by ryantroop
Member Avatar for ryantroop

https://jsfiddle.net/6jbgqz0g/

<div class="parent">
  <div class="bottom"></div>
</div>

.parent
{
  position: relative;
  display: block;
  width: 300px;
  height: 200px;
  background-color: #25f;
}

.bottom
{
  position: absolute;
  width: 50px;
  height: 10px;
  left: 50%;
  margin-left: -25px;
  bottom: 0;
  background-color: #4ff;
}
Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.