zoukankan      html  css  js  c++  java
  • DIV+CSS一种简单的左边图片右边多行文字的布局

    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    <style type="text/css">
    .content a.left{ float:left;}
    #yz{ margin-left:90px;}
    </style>
    </head>
        <body>
            <div class="content">
                <a class="left" href="" target="_blank"><img src="img/temp/008.jpg" width="80" height="80" alt="" /></a>
                <dl id="yz">
                    <dt>
                        创建于:<span>2005-05-05</span>
                    </dt>
                    <dt>
                        园主:<a href="" target="_blank">username</a>
                    </dt>
                    <dt>
                        成员:<span>1234</span>
                    </dt>
                    <dt>
                        访问:<span>12345</span>
                    </dt>
                </dl>
                <div class="clear-both"></div>
            </div>
        </body>
    </html>
  • 相关阅读:
    动态内存开辟(一)
    结构体,联合体,枚举,typedef
    练习使用C++的string类
    WIN10 + Qt 5.14(MSVC 2017,32bit) + APP项目(minGW-7.3.0 32bit)+glog
    扫雷游戏
    最小栈实现
    快速排序算法
    c++语句(循环)
    C++ 存储类
    C++ 运算符
  • 原文地址:https://www.cnblogs.com/ahjesus/p/1998648.html
Copyright © 2011-2022 走看看