How to put blank spaces between buttons?

divina11

So, if you have two buttons side by side how do you create space between them? I've tried the 'SPACER' tag, however this did not work?

Expand|Select|Wrap|Line Numbers

 <input type="button" id=""  value=" " onclick="">

<input type="button" id=""  value=" " onclick="">

Ta.

Divina

drhowarddrfine

I've tried the 'SPACER' tag, however this did not work?[/HTML]

There is no such thing as a 'spacer' tag.

Always use margin or padding for spacing. In CSS:

Expand|Select|Wrap|Line Numbers

 
<input type="button" id=""  value=" " onclick="" style="margin-right: 30px">
 

divina11

...and how about if I only have one button and I wanted that Tabbed in?

Ta.

pimperiale

Expand|Select|Wrap|Line Numbers

style="margin-left:30px;"

gosai jahnvi

you can use margin

see the below code:

Expand|Select|Wrap|Line Numbers

 <!DOCTYPE html>

<html>

<head>

<title>Page Title</title>

</head>

<body>

<input type="button" id="" value="reset" onclick=""  style="margin-right: 30px">

<input type="button" id="" value=" submit" onclick="" "> 

</body>

</html>

AjayGohil

Hello,You can use &nbps; in HTML and also you can use margin property of CSS in style tag.
Below code for &nbps;

Expand|Select|Wrap|Line Numbers

 <!DOCTYPE html>

<html>

<head>

<title>Page Title</title>

</head>

<body>

<input type="button" id="" value="reset" onclick="">&nbsp;

<input type="button" id="" value=" submit" onclick="" ">

</body>

</html>

Below code for margin property

Expand|Select|Wrap|Line Numbers

 
<!DOCTYPE html>

<html>

<head>

<title>Page Title</title>

</head>

<body>

<input type="button" id="" value="reset" onclick="" >

<input type="button" id="" value=" submit" onclick="" style="margin-left:20px;">

</body>

</html>

gits

using the 'nonbreakingspace' = &nbsp is the worst solution to use. Layout should always be done by css - thats what it is for.

Ishan Shah

Hello! You can use margin to give the space between to buttons and you can also use the margin-left to the button for the same.

Expand|Select|Wrap|Line Numbers

 <!DOCTYPE html>

<html lang="en">
 
<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <title>Title</title>

    <style>

        .btnSubmit {

            margin: 25px;

        }
 
        .btnCancel {

            margin: 25px;

        }

    </style>

</head>

<body>

    <input class="btnSubmit" type="button" name="btnSubmit" value="Submit" />

    <input class="btnCancel" type="button" name="btnCancel" value="Cancel" />

</body>

</html>

Redmillion

If you want to blank space so you should to use this  

gits

If you want to blank space so you should to use this  

in post #7 i did touch on explaining why that is a very bad, if not the worst, solution.

How to put blank spaces between buttons?

Post your reply

Similar topics

Question stats

	Ask Question
Home Questions Articles Browse Topics Latest Top Members FAQ