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

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

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

  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, learning, and sharing knowledge.