How to put blank spaces between buttons?

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

Aug 23 '07 #1

Follow Post Reply

91502

drhowarddrfine

7,435

Expert 4TB

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">
 

Aug 23 '07 #2

divina11

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

Ta.

Aug 23 '07 #3

pimperiale

Expand|Select|Wrap|Line Numbers

style="margin-left:30px;"

Aug 24 '07 #4

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>

Apr 4 '19 #5

AjayGohil

64KB

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>

Jan 20 '20 #6

gits

5,390

Expert Mod 4TB

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

Jan 20 '20 #7

Ishan Shah

32bit

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>

Jan 29 '20 #8

Redmillion

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

Jan 29 '20 #9

gits

5,390

Expert Mod 4TB

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.

Jan 29 '20 #10

How to put blank spaces between buttons?

Post your reply

Similar topics