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>
  • 相关阅读:
    制作ubuntu容器完整步骤
    linux系统python3安装pip
    ssh连接服务器提示拒绝了密码
    ubuntu中vi编辑中按键错误
    虚拟机ubuntu连不上网
    NOIP2020退役记
    【NOIp2020游记】
    loki简单安装配置使用
    .net下com调用支持x86/x64
    nginx 504 Gateway Time-out
  • 原文地址:https://www.cnblogs.com/ahjesus/p/1998648.html
Copyright © 2011-2022 走看看