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

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
        &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> ?

margin-left on .primaryCta should do the job.

this worked. thanks