2014-01-22 58 views
1

其實我是網絡設計的新手,我要創建自己的社交網絡,並使用令人驚歎的Angelsmood.com music social network佈局。將按鈕放在我的頁面

除了我無法在正確的位置放置「註冊」按鈕,一切都可以正常使用;它的右邊有很多餘量。問題是我的CSS代碼中沒有餘量。這裏是我的代碼:

<div id="header_register">     
    <a href="~/register/">Sign Up</a> 

    <div> 
    Artists and their true fans are human angels. 
    Find them, connect with them and become one of them. 
    </div> 

</div> 

而這裏的CSS:

#header_register { 
position: relative; 
font-size: 12px; 
} 

#header_register a { 
display: block; 
height: 30px; 
line-height: 30px; 
background: ##810101; 
color: #fff; 
font-weight: bold; 
font-size: 14px; 
float: left; 
text-decoration: none; 
border: 1px #508F54 solid; 
} 

請幫我解決這個問題。

+0

請發佈問題的jsfiddle(jsfiddle.net),以便更容易發現問題。 – Anonymous

+1

我想你忘了你的CSS。 – freddy

+0

*「問題是我的CSS代碼中沒有保證金。」*。仍然應該發佈它。更好的是一個小提琴 –

回答

0

我做了一個小提琴,並試圖根據您給我們提供的信息盡力解決您的問題。

jsfiddle

事情我做了......把你的line-height出來,搬到鏈接股利後,所以你沒有使用它...然後我margin: 0 auto居中<a>標籤。

而不是float: left;

我把它加入了width<a>標籤,因此它並沒有跨越屏幕的寬度。

如果你需要這個以不同的方式運作,我已經說明了問,我會告訴你在我張貼的小提琴。

相關問題