Why is there a default margin separating the input from the text?

[asasass]

Why aren’t they stuck together?

How would I get rid of that empty space?
So I can set my own margin.

I cannot figure this out at all.

Edit fiddle - JSFiddle - Code Playground

.table {
  display: table;
}

.info {
  display: table-cell;
  white-space: nowrap;
}

    <div class="table">
      <div class="info">

        <input id="input" type="text" name="someNameHere" placeholder="someValueHere" />
        <input id="sent" type="submit" value="Set" />

      </div>
    </div>

[Ray.H]

The margin between your input and text is the one You set on your …

p.my-content {
display: table;
margin: 22px auto 0;

[coothead]

@asasass

Why aren’t they stuck together?

They are “inline-block” elements.

Three possible HTML solutions:-

<input  type="text"><input  type="submit" value="Set">    

<input type="text"
/><input type="submit" value="Set">  

<input  type="text"><!--
--><input type="submit" value="Set">

coothead