html - 如何在新行中显示自定义文本？

Question

我想在新行中显示文本“您保存...”。我不知道怎么办。请指导我。更多详情请点击jsfiddle code

<div class="product-wrap first">
  <div class="item">
    <div class="product-image"><a href="#">Img area</a>

    </div>
    <div class="product-content">
      <div class="product-name"> <a class="fontcolor" href="#">Motorcycle Leather Boots (4Riders Boots Always)</a>

      </div>
      <div class="price-box">
        <p class="special-price"><span class="price" id="product-price-77">£53.68</span>
        </p>
        <p class="old-price"><span class="price" id="old-price-77">£84.15</span>
        </p> <span class="div-discount"><b>You save </b> <em><i>36.21</i><u>%</u></em></span>

      </div>
      <div class="clr"></div>
    </div>
  </div>
</div>

Answer 1

利用<br/>在这里标记!它打破了界限

DEMO

---

更新

将以下属性添加到您的 .product-wrap .item .price-box类 css

DEMO

.product-wrap .item .price-box {
    margin-top: 6px;
    overflow: hidden;
    width:auto; //Set this
    float:left; //and keep it float left
}