title: how to have two button in one line
body: <p>I have a dialog box where I want to have two button side by side .One button will be "Done" button and other will be "close" button.</p>
  
  <p>html:</p>
  
  <pre><code>    &lt;a href="#" class="embeddedBrosweWindowDoneButton"&gt;clickme&lt;/a&gt;
  </code></pre>
  
  <p>Css:</p>
  
  <pre><code> a.embeddedBrosweWindowDoneButton {
   margin:10px 900px 0;
   text-align:center;
   display: block;
   width:50px;
   padding: 5px 10px 6px;
   color: #fff;
   text-decoration: none;
   font-weight: bold;
   line-height: 1;
   /* button color */
   background-color: #173553;
   /* rounded corner */
   border-radius: 5px;
   /* drop shadow */
   box-shadow: 0 1px 3px rgba(0,0,0,0.5);
   /* text shaow */
   text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
   border-bottom: 1px solid rgba(0,0,0,0.25);
   position: relative;
   cursor: pointer;
  
   }
  </code></pre>
  
  <p>I already have a "done" button .I want to have another button called close buton by side of done button . How can i have two buttons in line. I tried but one button was over the other button.</p>
  
  <pre><code>   a.embeddedBrosweWindowDoneButton:hover {
    background-color: #6D7B8D;
    }
  </code></pre>