How to draw a bottom border to each of 3 inner div-columns inside parent div and each column bottom border must touch the bottom border of parent div?

Question

....

======================= ||....-------;;;;;-------;;;;;-------::::::::|| ||....|.......|----|.......|----|.......|::::::::|| ||....|.......|----|.......|----|.......|::::::::|| ||....|.......|----|.......|----|.......|::::::::|| ||__|___|__|___|__|___|____||

Deleted user · Answer

<div class="col">column1</div>

<div class="col">column2</div>

<div class="col">column3</div>

</div>

---------------------------------

Styling:

#parent {

border:1px solid #b2b2b2;

overflow:hidden;

display:inline-block;

}

.col {

float:left;

border:1px solid red;

}

and this is the code I ran on an online editor:

http://cssdesk.com/CD4Dq

Products By Bayt.com

Use Our Mobile App

Start networking and exchanging professional insights

How to draw a bottom border to each of 3 inner div-columns inside parent div and each column bottom border must touch the bottom border of parent div?

Popular Searches

More Questions Like This