Float a DIV toward bottom-right using CSS

Question

I have three DIV and inside the DIV, I would like to float the "Learn More" to bottom right so it will be on top of the grey background. CSS ``` /* the div for LEARN MORE */ #trt { z-index: 9999999999999; position: relative; float: right; bottom: 0; // not working top: 12; //not working } /* the entire div */ .main .cols { padding-left: 2px; padding-right: 0px; padding-top: 10px; } .main .cols .col { width: 315px; height: 108px; float: left; background: url(images/tempf.png) no-repeat 0 0; } .main .cols .col:after { content:''; width: 100%; clear: both; } .main .cols .col + .col { padding-left: 20px; } .main .cols .col img.hid { float: left; width: 129px; height: 108px; } .main .cols .col-cnt { width: 183px; float: right; } .main .cols .col .more { font-weight: bold; color: #0206AA; } ``` HTML ```

Accepted Answer

set `col-cnt` div to `position: relative` set `trt` to `position: absolute; bottom:3px; right:3px;` that should get you where you need to be.. also, `trt` should be a class if it is being reused

Float a DIV toward bottom-right using CSS

Solution

Problem