css - 将 Div 放在另一个 DIV 之上

Question

请在此处查看图片 http://www.tiikoni.com/tis/view/?id=56f0053

目前我使用的代码是

<div style="background-color:#99CCFF;white-space: nowrap;">
  <hr>
  <p>
    <div style="float: right;">
      <a href="url">Print</a>
    </div>
    <span STYLE="font-size:24; font-weight:bold; color: black">Site:</span>
    Downtown Denver DataCenter - CCODEN44 |
    <span STYLE="font-size:24; font-weight:bold; color: black">Device</span>
    CCODEN44-ACME-RTR-1 |
    <span STYLE="font-size:24; font-weight:bold; color: black">Interface:</span>
    Wilmington DataCenter, DC
    <hr>
  </p>
</div>

要使Image 2出现如图

请指教。

Answer 1

我不明白你在问什么，但你似乎在问关于链接 div 的问题。我将为您重新创建我在图像中看到的内容。

    <strong>Interface Utilization</strong><br/>
    <div style="background-color:#9CF;white-space:nowrap">
        <span style="float:right"><a href="page">Print</a></span>
        <strong>Site:</strong> Downtown Denver DataCenter - CCODEN44 | <strong>Device:</strong> CCODEN44-ACME-RTR-1 | <strong>Interface:</strong> Wilmington DataCenter, DC
    </div>