怎样左边排列文字右边排列图片 在一个div里面

如题所述

DIV + CSS 实现超链接左边图片右边文字样式,首先我们需要设置好3个div,然后用一个a标签包裹着其他2个div,在里面设置好宽度和高度,在通过css的float属性来实现对2个div左右对齐操作,具体看代码:
<html>
<head>
<style>
#div2{
widht:220px;
height:300px;
font-size:13px;
}

#div3{
width:100px;
height:80px;
flaot:left;
margin-left:20px;
}

#div4{
width:100px;
height:80px;
flaot:left;
}
</style>
</head>

<body>
<div id='div2'>
<div id='div3'>
<img src='图片地址'>
</div>
<div id='div4'>
<p>我是测试文字</p>
</div>

</div>

</body>
</html>
温馨提示:答案为网友推荐,仅供参考
相似回答