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?

Communiquez avec les autres et partagez vos connaissances professionnelles

Inscrivez-vous ou connectez-vous pour rejoindre votre communauté professionnelle.

Next Question:
Which is better to have anchor tag inside <h1> or <h1> inside achor ...
Posted by:
Khadijah Shtayat
15-January-2015

<div id="parent"> ....<div class="column1"></div> ....<div class="column2"></div> ....<div class="column3"></div> </div> ======================= ||....-------;;;;;-------;;;;;-------::::::::|| ||....|.......|----|.......|----|.......|::::::::|| ||....|.......|----|.......|----|.......|::::::::|| ||....|.......|----|.......|----|.......|::::::::|| ||__|___|__|___|__|___|____||

Front end Development

Question ajoutée par Utilisateur supprimé
Date de publication: 2013/06/25

Apprécier (0) Vues (3) Suiveurs (0) Réponses (1) Report Question

Ajoutez Une Réponse
Inscrivez-vous ou connectez-vous pour répondre.

1 Réponses

par Utilisateur supprimé

<p><div id="parent"></p> <p> <div class="col">column1</div></p> <p> <div class="col">column2</div></p> <p> <div class="col">column3</div></p> <p></div></p> <p> </p> <p>---------------------------------</p> <p>Styling: </p> <p>#parent {</p> <p> border:1px solid #b2b2b2;</p> <p> overflow:hidden;</p> <p> display:inline-block;</p> <p>}</p> <p> </p> <p>.col {</p> <p> float:left;</p> <p> border:1px solid red;</p> <p>}</p> <p>and this is the code I ran on an online editor:</p> <p><a href="http://cssdesk.com/CD4Dq">http://cssdesk.com/CD4Dq</a></p>

Apprécier (0)

Déprécier Réponses () Rapport