Position two divs one the left and right

by Ayyappan Sakthivadivel

HTML

<div id="team-member-hldr">
<div id="team-mem-txt-hldr">
<div id="left-img"><img src="http://www.thenewstribune.com/wps/source/images/widgets/weather/small/3.png">
</div>
<div id="team-mem-txt">
test test test test test test
</div>
<div id="right-img"><img src="http://www.thenewstribune.com/wps/source/images/widgets/weather/small/3.png">
</div>
</div>
</div>

CSS

#team-member-hldr{width:300px; margin: 0 auto;}
#team-mem-txt-hldr{background:red;overflow:hidden; float:left}
#team-mem-txt{float:left; background-color: #0f0; text-align:center;}
#left-img{float:left;background:blue;}
#right-img{float:right;background:green;}