對齊H2標籤內的div

我有一個問題，我需要在H2標籤內插入div。對齊H2標籤內的div

這是可能的。我認爲它應該。只想到是我不知道如何完成它。我曾嘗試以下

HTML

<h2 id="strap">Blah Blah & Some More Blah Blah Blah  
    <div class="section contain">    
     <a href="http://www.facebook.com/BlahBlah" rel="nofollow" target="_blank"><img alt="facebook" src="<%=SkinPath %>img/social/fb.png"/></a> 
     <a href="http://twitter.com/BlahBlah" rel="nofollow" target="_blank"><img alt="twitter" src="<%=SkinPath %>img/social/tw.png"/></a> 
     <a href="http://BlahBlah.wordpress.com/" rel="nofollow" target="_blank"><img alt="blog" src="<%=SkinPath %>img/social/wp.png"/></a>   
    </div> 
</h2>

JSFIDDLE

我想的div元素（社會圖標）來在同一行。有沒有其他的方式來做到這一點？

來源

2014-01-30 MarsOne

如果我是粗魯的，會有名稱調用。 – Quentin

好友，它不能幫助，採取徒步旅行。我絕對不需要你不需要的建議。 – MarsOne

如果你用HTML代替那個無效的混亂問題，那麼人們可以更容易地幫助你...那些在stackoverflow上的人可以免費做...如果你想要求人們幫助你，而不是建議你把一個最小的然後嘗試一個自由職業者網站並付費給他們。 – Quentin

您不能在h2內使用h2。如果您將內部h2更改爲span，它將內聯。

像這樣：http://jsfiddle.net/nNuwT/2/

來源

2014-01-30 10:56:28 skip405

其實我不需要第二個H2。檢查我的編輯...我只想讓社交圖標與H2文字內嵌 – MarsOne

仍然，skip405是正確的，將div更改爲一個範圍，然後您就會得到您的內容。此外，你會有更多有效的HTML：把一個div放入H2中是絕對無效的HTML，我相信。 –

演示FIDDLE

CSS

.contain 
{ 
    display:inline; 
}

來源

2014-01-30 11:06:40

這是你需要什麼，我想，

Forked Fiddle

希望這對你有用....

#strap{ 
float:left; 
line-height: 100%; 
display:block; 
width: 100%; 
background: #dddddd; 
padding: 10px; 
} 
.section { 
float:right; 
display: inline-block; 
} 
.section span { 
font-size: 18px; 
margin-right: 5px; 
display:block; 
float: left; 
} 
.section img { 
width: 40px; 
height: 40px; 
}

來源

2014-01-30 11:32:23 winnyboy5

對齊H2標籤內的div

回答

相關問題