는 어떻게 서로 옆에

Question

에 두 개의 버튼을받을 수 있나요이 내이다 : 그들이 중심과 같은 줄에 서로 옆에 얻을 내가 노력하고

<fieldset> 
    <legend></legend> 
    <br/> 
     @using (Html.BeginForm("PrePayment", "Payment", FormMethod.Post)) 
     { 
     <div align="left"> 
      <input id="btn" type="submit" value="Make a Payment" /> 
     </div> 
     } 
    @using (Html.BeginForm("DisplayLedger", "Customer", FormMethod.Post)) 
     { 
     <div align="right"> 
      <input id="btn" type="submit" value="Display Activity" /> 
     </div> 
     } 
    </fieldset> 

.

이는 무슨 일이 일어나고있는 것입니다 :

나는 CSS를 새로운 그리고 난 몇 가지를 시도했지만 난 같은 줄에 그들을 얻을 수없는 것.

누구든지 아이디어가 있습니까?

Answer 1

이것은 간단한 CSS 문제입니다. 상자를 맞추려면 같은 float (이 경우에는 "left")를 사용해야합니다. 여기 시각적 인 예를 만들었습니다 http://jsfiddle.net/ktCng/

<div class="wrap"> 
    <div class="box left"></div> 
    <div class="box left"></div> 
</div> 

<div class="wrap"> 
    <div class="box left"></div> 
    <div class="box right"></div> 
</div>​ 

.wrap{ 
    width: 200px; 
    height: 100px; 
    float: left; 
    display: block;  
    border: 1px solid #000;  
} 

.box{ 
width: 50px; 
height: 50px; 
display: block; 
} 

.left{ 
    float: left; 
    background: green; 
} 

.right{ 
    float: right; 
    background: red; 
} 

Answer 2

스타일링 문제 만 해결. 그리고 그 일에 정말로 빠르고 불쾌한 일을하고 있습니다.

<fieldset> 
    <legend></legend> 
    <br/> 
    <div style="text-align:center"> 
     @using (Html.BeginForm("PrePayment", "Payment", FormMethod.Post, new { style = "display:inline" })) 
     { 
      <input id="btn" type="submit" value="Make a Payment" /> 
     } 
     @using (Html.BeginForm("DisplayLedger", "Customer", FormMethod.Post, new { style = "display:inline" })) 
     { 
      <input id="btn" type="submit" value="Display Activity" /> 
     } 
    </div> 
</fieldset>