Html 在标题中放置DIV
我试图把一个可链接的图像放到我的标题下的电话号码,但它不工作。我的问题是我应该把div放在哪里,我应该如何设计它 当前标题的代码为:Html 在标题中放置DIV,html,css,Html,Css,我试图把一个可链接的图像放到我的标题下的电话号码,但它不工作。我的问题是我应该把div放在哪里,我应该如何设计它 当前标题的代码为: <div class="header-right"> <div class="social"> <!--social media icons--> <ul> <li> <a class="contact"
<div class="header-right">
<div class="social">
<!--social media icons-->
<ul>
<li>
<a class="contact" href="http://" title="Contact Us"></a>
</li>
<li>
<a class="google" href="http:/" target="_blank" title="Share on Google+"></a>
</li>
<li>
<a class="facebook" href="http:/" target="_blank" title="Share on Facebook"></a>
</li>
<li>
<a class="twitter" href="http:/" target="_blank" title="Share on Twitter"></a>
</li>
</ul>
</div>
<div class="telephone">
<p class="tel">Speak with<br/>
<a href="tel:08000000000"><?php bloginfo( 'description' ); ?></a><br />
<small>Available 08:30 - 17:00, Mon-Fri</small>
</p>
</div>
</div>
嗨,欢迎来到Stack Overflow。如果没有更多的代码,这是不可能有任何信心的回答的——特别是现有元素的CSS,以及从页面顶部到该点的完整HTML,因为页面正下方几乎可以受到任何东西的影响。另外,不工作作为一个报告是无用的,因为我们没有关于它到底是如何不工作的信息不显示?但是在上面?显示太多粉红色?如果您想让我们看看,您可能还想在JSFIDLE中重新创建您的问题。
<div class="header-right">
<div class="social">
<!--social media icons-->
<ul>
<li>
<a class="contact" href="http://" title="Contact Us"></a>
</li>
<li>
<a class="google" href="http:/" target="_blank" title="Share on Google+"></a>
</li>
<li>
<a class="facebook" href="http:/" target="_blank" title="Share on Facebook"></a>
</li>
<li>
<a class="twitter" href="http:/" target="_blank" title="Share on Twitter"></a>
</li>
</ul>
</div>
<div class="telephone">
<p class="tel">Speak with<br/>
<a href="tel:08000000000">info</a><br />
<div>an image</div>
<small>Available 08:30 - 17:00, Mon-Fri</small>
</p>
</div>
</div>