space between 2 buttons on the same line

  • Resolved sacconi

    (@sacconi)


    1 year, 4 months ago

    I have the following, how can I have the 2 buttons on the same line separeted by some space?

    <?php
echo '<form><input type="button" value="< Torna alla lista" onClick="javascript:history.go(-1)"></form>','<form><input type="button" value="< Torna alla lista" onClick="javascript:history.go(-1)"></form>' ;
 ?>

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)

  • Hi,

    using the Gutenberg block editor, you could insert a row, and split that up into two columns. These will then be displayed side by side.

    Forms and buttons can be created using Gutenberg as well.

    Hope that helps.

    Hello @sacconi,

    Can you try using this:

    <?php
echo '<form><input type="button" value="< Torna alla lista" onClick="javascript:history.go(-1)">','<input type="button" value="< Torna alla lista" onClick="javascript:history.go(-1)"></form>' ;
 ?>

    Hello, you could apply display: inline-block; to the <form> tags and add a right margin to the first form tag.

    That aside, if you were only going to output buttons then you don’t really need <form> tags. And your input[type=button] tags could be replaced with <button> tags, too.

    Thread Starter sacconi

    (@sacconi)

    OK, but now also the icons are on the same line: https://test.sacconicase.com/lussino-appartamento-per-due-persone-piano-terra-hr-lus-03492/

    Any idea to get them a line down? thank you

    Just place the icons in a container <div/> tag and they would be on a separate line by default.

    Thread Starter sacconi

    (@sacconi)

    Ok, I put both buttons and the icons in separated <div>, now all is working

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘space between 2 buttons on the same line’ is closed to new replies.

Tags