Navigation
Archive / How to display button side by side.
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • November 8, 2016 at 11:54 am #1249006
    yhshin1020
    Participant

    Hey,

    I have two buttons which I would like to display side-by-side but for some reason its not working.

    I’ve tried css:

    button{
    display:inline-block;
    }

    but to no avail..

    How do I make them aligned side by side?
    Thanks.

    November 8, 2016 at 11:55 am #1249008
    yhshin1020
    Participant
    This reply has been marked as private.
    November 8, 2016 at 1:08 pm #1249088
    Nabeel A
    Moderator

    Hi there,

    Thanks for writing in! I checked your page and there are many buttons on this page? Are you referring to Donate and Download buttons? Can you please share some screenshots so we can take a look?

    Thanks!

    November 8, 2016 at 9:46 pm #1249564
    yhshin1020
    Participant
    This reply has been marked as private.
    November 9, 2016 at 1:31 am #1249696
    Rupok
    Member

    Hi there,

    It seems they are within different places. You should keep them in same container or column. The add float: left; for the first button and add some margin if needed.

    Cheers!

    November 9, 2016 at 6:28 am #1249936
    yhshin1020
    Participant
    This reply has been marked as private.
    November 9, 2016 at 7:21 am #1249994
    Jade
    Moderator

    HI there,

    To putting the codes for the button in one line like this:

    <button class="fill">CONTACT US</button><button href="http://www.guidedogssg.com/guidedogfriendlybusiness/" class="long white selectorbtn" >View Complete List</button>

    Hope this helps.

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1249006 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>