0
如何将包含文本和图像的div
对齐,以便它保持固定,直到宽度为768px左右?将文本和图像相邻对齐
这是我的代码:
<html>
<head></head>
<body>
<div class="column_1">
Contains bigger width
</div>
<div class="column_2">
<div class="imageSection">
<img src="http://www.smashbros.com/wii/en_uk/characters/images/link/link.jpg">
</div>
<div class="text">
<div class="text1">Data will be here</div>
<div class="text1">Data will be here</div>
<div class="text1">Data will be here</div>
</div>
</div>
</body>
</html>
CSS样式
.column_1 {width:65%;}
.column_2 {width: 35%;}
.column_2 .imageSection {width:45%; display:block; float:left}
.column_2 text {width:45%}
任何人都可以请让我知道如何着手。我被困在这一点,我无法调整它。