So I would like to make a calculator with some formatting to make it look nice. It keeps making a new line for my p tag and I don't want it to, is there any fix for this?

```js
var n1 = document.getElementById("n1");
var n2 = document.getElementById("n2");
var display = document.getElementById("disp");

function addAndDisplay() {
  display.innerHTML = (Number(n1.value)+Number(n2.value)).toString();
}
```

```html
<!DOCTYPE html>
<html>
  <head>
    <title>Addition</title>
  </head>
  <body>
    <h1>Addition</h1>
    <h3>Value one:</h3>
    <input type="number" id="n1">
    <h3>Value two:</h3>
    <input type="number" id="n2">
    <br>
    <button onclick="addAndDisplay()">Add</button>
    <h3>The output: <p id="disp">You have not calculated anything yet</p>.</h3>
  </body>
</html>
```

EDIT: Thanks @Pipe and @Pointy I appreciate your help a lot!