如何移動按鈕

please can you check my image tha is attached我有我的移動按鈕，右上角如何移動按鈕

一些原因，堅守在左上角**

，當我開始移動我的按鈕，所有其他元件運動的一個問題各地**

.ph-button { 
 
    
 
    border-style: solid; 
 
    border-width: 0px 0px 3px; 
 
    box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.1) inset; 
 
    color: #FFFFFF;  
 
    border-radius: 2px; 
 
    cursor: pointer; 
 
    display: inline-block; 
 
    font-style: normal; 
 
    overflow: hidden; 
 
    text-align: center; 
 
    text-decoration: none; 
 
    text-overflow: ellipsis; 
 
    transition: all 200ms ease-in-out 0s; 
 
    white-space: nowrap;  
 
    font-family: "Gotham Rounded A","Gotham Rounded B",Helvetica,Arial,sans-serif; 
 
    font-weight: 700; 
 
    padding: 9px 19px 9px; 
 
    font-size: 18px; 
 
    
 

 

 
} 
 

 

 
/*Red 
 
==========================*/ 
 
.ph-btn-red { 
 

 
    background-color: #ED5A5A !important; 
 
    border-color: #EA4343 !important; 
 

 

 

 
} 
 
.ph-btn-red:hover, .ph-btn-red:focus, .ph-btn-red:active { 
 
    background: none repeat scroll 0 0 #EB4848 !important; 
 
    border-color: #E83131 !important;  
 

 
}

<div class="ph-container"> 
 
    
 
    
 
    <div class="ph-float"> 
 
     <a href='#' class='ph-button ph-btn-red'>Ask Question</a> 
 
    </div>  
 
</div>  
 

 
<div class="ph-clear"></div>

this is how it looks now

來源

2017-06-15 Nik Nortn

有方法可以做到這堆...但你的填充CSS給人留下的填充和填充右兩個19px。另一種方法是擺脫填充，只留下餘量或使用引導程序並使用右移。有其他方式的堆。 – Mike

請你可以檢查我的圖片是否附有 –

.ph-container{ 
    text-align: right; 
}

這應該做的伎倆

來源

2017-06-15 07:38:08 Nimsrules

.ph-button { 
 
    
 
    border-style: solid; 
 
    border-width: 0px 0px 3px; 
 
    box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.1) inset; 
 
    color: #FFFFFF;  
 
    border-radius: 2px; 
 
    cursor: pointer; 
 
    font-style: normal; 
 
    overflow: hidden; 
 
    float: right; 
 
    text-align: center; 
 
    text-decoration: none; 
 
    text-overflow: ellipsis; 
 
    transition: all 200ms ease-in-out 0s; 
 
    white-space: nowrap;  
 
    font-family: "Gotham Rounded A","Gotham Rounded B",Helvetica,Arial,sans-serif; 
 
    font-weight: 700; 
 
    padding: 9px 19px 9px; 
 
    font-size: 18px; 
 
    
 

 

 
} 
 

 

 
/*Red 
 
==========================*/ 
 
.ph-btn-red { 
 

 
    background-color: #ED5A5A !important; 
 
    border-color: #EA4343 !important; 
 

 

 

 
} 
 
.ph-btn-red:hover, .ph-btn-red:focus, .ph-btn-red:active { 
 
    background: none repeat scroll 0 0 #EB4848 !important; 
 
    border-color: #E83131 !important;  
 

 
}

<div class="ph-container"> 
 
    
 
    
 
    <div class="ph-float"> 
 
     <a href='#' class='ph-button ph-btn-red'>Ask Question</a> 
 
    </div>  
 
</div>  
 

 
<div class="ph-clear"></div>

來源

2017-06-15 07:39:26

這是幫助。你可以請檢查附加到我的問題 –

運行代碼段它看起來像它的作品 – Mike

如何移動按鈕

回答

相關問題