ブートストラップ内のテキストの隣にあるボタンの距離とオフセットを調整するにはどうすればよいですか？

Question

​​例では、ボタンがテキストで正しくアライメントされていないと、何らかの形で低く表示されているように見えます。ボタンを正確にオフセットしていくことができますか？次のように

コードは次のとおりです。

   <div class="content"> 
         <h2>Shows</h2> 
                        <!-- Unordered List --> 
            <header><h3> 
             <ul class="alt"> 
             <li><b>Lelelele: </b>25.10, 29.11, 7.12 

              <form style=display:inline action="/your-server-side-code" method="POST"> 
               <script 
               src="https://checkout.stripe.com/checkout.js" class="stripe-button" 
               data-key="" 
               data-amount="1000" 
               data-name="" 
               data-description="Widget" 
               data-image="https://stripe.com/img/documentation/checkout/marketplace.png" <!-- Image that shows up when clicking on pay with card--> 
               data-locale="auto" 
               data-zip-code="true" 
               data-currency="eur"> 
               </script> 
               </form> 
               </li> 

              <li><b>Lalalala: </b>24.10, 28.11, 30.1</li> 
              <li>more info here</li> 
              <li>How about:</li> 
              <a href="" class="button special">Le</a>     <a href="" class="button">La</a> 
             </ul> 
             <ul class="actions"> 
             </ul> 
            </header></h3> 

         </p> 
        </div> 

この問題を解決するために、CSSで、ボタンのクラスに変更するためのいくつかのフィールドでしょうか？あなたは、ボタンクラスに次のCSSを置くことができる

乾杯

Answer 1

.stripe-button-el { 
    height: 32px; 
    margin-left:10px 

はfiddle