1. 程式人生 > >div+css圖文混排

div+css圖文混排

<!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>`

這裡寫圖片描述