水平线未显示在站点中的文本之间的适当位置

时间:2015-04-28 04:51:47

标签: html css

在这里你可以看到“TOP OFFERS”,“TOP Category”,“特色产品”,“顶级类别”,“TOP品牌”,

但是你可以看到文字“TOP品牌”,它不在2行之间,但是该行显示在“TOP categories

之下

images“。我想像其他部分那样在顶级品牌附近移动该线。

请帮我找到解决方案

提前致谢

1 个答案:

答案 0 :(得分:0)

<div class=" grid_25">
  <br><br>
<div class="horizontal_line">
<div><span>TOP BRANDS</span></div>
</div>
<br><br> <a href="shop-by-brand/fisher-price.html"> <img class="fluid51" style="max-width: 31.6%;" src="brand1.jpg" alt=""> </a> 
<a href="shop-by-brand/funskool.html"><img class="fluid52" style="max-width: 31.6%;" src="brand6.jpg" alt=""> </a> 
<a href="shop-by-brand/masoom.html"><img class="fluid53" style="max-width: 31.6%;" src="brand7.jpg" alt=""> </a> <br> 
<a href="shop-by-brand/zephyr.html"> <img class="fluid54" style="max-width: 31.6%;" src="brand4.jpg" alt=""> </a> 
<a href="shop-by-brand/peacock.html"><img class="fluid55" style="max-width: 31.6%;" src="brand8.jpg" alt=""> </a> 
<a href="shop-by-brand/ekta.html"><img class="fluid56" style="max-width: 31.6%;" src="brand9.jpg" alt=""> </a>
</div>
  

问题在于你提到的每个grid_25grid_24两个   通过<br>换行,让你看起来像你想要的那样   忘了在我在html中添加的grid_25中提及它   通过检查elemeent和以下是您的页面的外观。