为TextView和ImageView制作正确的布局

Question

需要使用什么布局来制作它？

Answer 1

HTML

<h1>Title</h1>
<div id="itemWrapper">
    <div class="item">
        <div class="png">
            <img src="xxx.png">
        </div>
        <div class="text">
            text text text text text text text text text text
        </div>
    </div>
    <div class="item">
        <div class="png">
            <img src="xxx.png">
        </div>
        <div class="text">
            text text text text text text text text text text
        </div>
    </div>
    <div class="item">
        <div class="png">
            <img src="xxx.png">
        </div>
        <div class="text">
            text text text text text text text text text text
        </div>
    </div>
    <div class="item">
        <div class="png">
            <img src="xxx.png">
        </div>
        <div class="text">
            text text text text text text text text text text
        </div>
    </div>
</div>

CSS

.item{clear:both;}
.item .png{float:left;height:50px}
.item .text{float:left;height:50px}
h1{text-align:center}