text align bottom div

hi, funny enough can't find correct answer (here or else on internet) question align text in div @ bottom (or 20p. above ;o)

here page , can see text on top, @ (almost) bottom.

 

hoornweg cosmetics

 

anyone ideas???

that's nice looking site.

but since used fluid grid layouts, don't have solution you.  works in other layouts bootsrap i'm afraid might make fglayouts blow apart.

 

<style>

/**vertically aligned in medium displays**/

@media screen , (min-width: 768px) {

 

.parent {

   display: table;

   table-layout: fixed;

  }

.child {

   display: table-cell;

   vertical-align: bottom;

   float: none;

  }

}

</style>

 

<div parent">

     <div class="child">

          <h3>heading 3</h3>

          <p>lorem ipsum dolor sit amet, consectetur adipiscing elit. </p>

     </div>

     <div class="child">

          <img src="http://lorempixel.com/300/400/animals/1">

     </div>

</div>

 

nancy o.

More discussions in Dreamweaver support forum

adobe