2列，1文本1图片，图片浮动到屏幕底部

Question

<style type="text/css">
#wrap {
    width: 100%;
    margin: 0 auto;
    display: table;
}
#left_col {
   float:left;
   width:50%;
}
#right_col {
   float:right;
   width:50%;
}
@media only screen and (max-width: 480px){
    #left_col {
       width:100%;
    }
    #right_col {
       width:100%;
    }
}
</style>

<div id="wrap">
    <div id="left_col">
        ...
    </div>
    <div id="right_col">
        ...
    </div>
</div>`

这是我当前使用的代码，将左列中的文本与右栏中的图像分开，但是图片位于屏幕的底部，而文本框则放在中间的浮动中