div+css图文混排


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

div+css图文混排_第1张图片

你可能感兴趣的:(前端,div+css图文混排)