div+css圖文混排
阿新 • • 發佈:2018-12-31
<!DOCTYPE html>
<html>
<head>
<title>圖文混排</title>
<style type="text/css">
#k1{
width: 400px;
height: 300px;
border: 2px solid red;
}
#k11{
/*float: left;*/
float: right;
}
#k12 {
color: green;
}
#s2{
position: absolute;
top:550px;
left:80px;
color: red;
}
</style>
</head>
<body>
<div id="k1">
<div id="k11"><img src="C:\Users\fei\Desktop\4.jpg" width ="200" height="100"></div>
<div id="k12">
Installed Packages
Deployment_Guide-en-US.noarch 5.2-9.el5.centos installed
Deployment_Guide-zh-CN.noarch 5.2-9.el5.centos installed
Deployment_Guide-zh-TW.noarch 5.2-9.el5.centos installed
Cluster_Administration-as-IN.noarch 5.2-1.el5.centos base
Cluster_Administration-bn-IN.noarch 5.2-1.el5.centos base
</div >
</div>
<div id="s1"><img src="C:\Users\fei\Desktop\4.jpg" width="400" height="300"></div>
<div id="s2">圖片簽名</div>
</body>
</html>`