Edit in JSFiddle

<div style="margin-top: 10px; overflow: hidden;">
	<div style="float: left;">
		<img src="http://mikadukisan.info/testjs/noimage.png" style="vertical-align: middle;" />piyo
	</div>
	<div style="float: left; margin-left: 4px;">
		<img src="http://mikadukisan.info/testjs/noimage.png" style="vertical-align: bottom;" />huga
	</div>
	<div style="float: left; margin-left: 4px;">
		<img src="http://mikadukisan.info/testjs/noimage.png" style="vertical-align: top;" />hoge
	</div>
</div>