3 Replies Latest reply on Dec 16, 2011 9:40 AM by SIDDHARTH MANOHAR

    Buttons with spaces in between.

      I am sure there is a simple solution for this but some how i am not able to get it to work.

      In my UI i want to place 2 buttons next to each other with some whitespace between them.

       

      How do i achieve this using HTML?

      The code i use is below.  The button "New count" and "Existing Count" get placed next to each other but with no space in between.

       

      <section id="MainMenu" data-role="page" data-add-back-btn="true">

                  <header data-role="header">

                  <h1>

                  <b>Main Menu </b>

                  </h1>

                  </header>

                  <div class="content" data-role="content">

                          <div data-role="fieldcontain">

                          <h6 class="center-wrapper">

                          <a id="NewCount" data-role="button" style="height: 40px;" data-inline ="true" >New Count</a>

                          <a>            </a>

                          <a id="ExistingCount" data-role="button" style="height: 40px;" data-inline ="true" >Existing Count</a>

        <br></br>

                          <a id="Exit" data-role="button" style="height: 30px; width: 130px" data-inline ="true" >Exit</a>

                          </h6>

                          </div>

                  </div>

                 <footer data-role="footer" data-position="fixed"><h1>PBC - ICS</h1></footer>

                </section>