jspページのstrutsタグのレスポンシブデザインページ

Question

レスポンシブウェブページを作成しようとしています。 3つのボタンを反応性のあるものに揃えようとしました。私は正常なボタンの更新と cancel.Butリセットボタンを整列させることはできません...それは毎回異なる場所に配置されています。助けpls？

HTML code: 

<div class="button-container"> 
    <button type="button" style="opacity:0.5;cursor:default;" disabled="disabled" title="Update" id="updPsw"> 
    <span>Update</span> 
    </button> 
    <button class="mdclose" title="Cancel">Cancel</button> 
    <s:reset title="Reset"></s:reset> 
</div> 

CSS: 

.button-container{ 
    position: relative; 
    top :20px; 
    right: 40px; 
} 
input[type="reset"] { 
    padding: 10px 30px 10px 30px; 
    color: #FFF; 
    background-color: #444; 
    font-size: 0.8em; 
    text-align: center; 
    font-style: normal; 
    border-radius: 5px; 
    /* width: 100%; */ 
    border: 1px solid #3ac162; 
    border-width: 1px 1px 3px; 
    box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.1) inset; 
/* margin-bottom: 10px; */ 
/* margin-top: 22px; */ 
    font-family: 'Lato', Calibri, Arial, sans-serif; 
    cursor: pointer; 
    position: relative; 
    bottom: 42px; 
    right: 62px; 
} 

Answer 1

CSSコード：

.button-container{ 
    position: inherit; 
    top :20px; 
    right: 40px; 
} 
input[type="reset"] { 
    padding: 10px 30px 10px 30px; 
    color: #FFF; 
    background-color: #444; 
    font-size: 0.8em; 
    text-align: center; 
    font-style: normal; 
    border-radius: 5px; 
    /* width: 100%; */ 
    border: 1px solid #3ac162; 
    border-width: 1px 1px 3px; 
    box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.1) inset; 
/* margin-bottom: 10px; */ 
/* margin-top: 22px; */ 
    font-family: 'Lato', Calibri, Arial, sans-serif; 
    cursor: pointer; 
    position: relative; 
    bottom: 42px; 
    right: 62px; 
} 

HTMLのCODE：

<div class="button-container"> 
    <button type="button"vstyle="opacity:0.5;cursor:default;" disabled="disabled" title="Update" id="updPsw"> 
    <span>Update</span> 
    </button> 
    <button class="mdclose" title="Cancel">Cancel</button> 
    <button class="mdclose" title="Reset">Reset</button> 
</div> 

Answer 2

代わりのストラットタグを使用して、HTMLタグを使用して、コンテンツを生成するために、テーマを使用して