How to put a gap between <input> and <button>?

HTML & CSS
1

how to put a gap between <input> and <button>

Here is the code


<input type="text" name="textfield3">
		
            <button type="submit" id=".save" name=".save" class="primaryCta" >
              Sign In
            </button>
        &nbsp;&nbsp;&nbsp;Sign Up

Here is the style


#submit {
font-family: arial;
padding-bottom: 20px;
}
#submit button {
font-size: 13px;
}
.primaryCta {
background-color: #FBE26E;
background-image: url(save.png);
background-position: 0% 0%;
background-repeat: repeat-x;
border: 1px solid #F6B22B;
color: black;
font-family: arial;
font-size: 13px;
font-weight: bold;
padding-bottom: 2px;
padding-left: 6px;
padding-right: 6px;
padding-top: 2px;
text-decoration: none;
}

how to put a gap between <input> and <button> ?

2

margin-left on .primaryCta should do the job.

3

this worked. thanks