elements at the bottom of divs

Question

I was wondering in this jsFiddle example how to have the last paragraph element to be at the bottom of the box if it's possible (you made need to re-size the window area)

css:

@media (min-width: 768px) {

    /* top row */
    .col .well{ 
        margin-bottom: -99999px;
        padding-bottom: 99999px;   
    }
    .col-well {
        display:inline-block; height:100%   
    }
    .col-well p {
        vertical-align:bottom 
    }
    /* bottom row */
    .col-base{ 
        margin-top: -15px; /* cut off top portion of bottom wells */
    }
}

@media (max-width: 767px) {
    .row.base{
        display:none;
    }
}

.col-wrap{
    overflow: hidden; 
}

Answer 1

.well{ 
    position: relative;
    min-height: 210px;
    margin-bottom: -1px;
}

.well > p:last-child {

    position: absolute;
    bottom:0;

}

jsfiddle