CODEWITHSUNDEEP
htmlcss
lauwis
lauwis

Reputation: 411

Align label to bottom of div in css?

Try to align label position bottom of div

<div class="row"> //row is bootstrap                                        
    <div class="imgCover">
        <img src="" style="height: 100%"> 
    </div> 
    <label>Button</label>
</div>

enter image description here

try to add display inline and vertivcal align bottow to label tag but not work

Upvotes: 0

Views: 148

Answers (1)

Fikfattt
Fikfattt

Reputation: 448

insert label button to div and use display:flex for flexible items be the same length you can read here , and add align-items: end; to set position at bottom

div.row{
  width:800px;
  height:90px;
  display: flex;
}

.btn{
  width:50px;
  height:90px;
  display: flex;
  align-items: end;
  justify-content: center;
}
<div class="row">                                         
    <div class="imgCover">
        <img src="https://cdn2.downdetector.com/static/uploads/logo/Google-new_19.png" style="height: 90px;width:auto"> 
    </div> 
    <div class="btn">
      <label >Button</label>
    </div>
</div>

Upvotes: 1

Related Questions