My desired Output is:-

Date: "current date"

My current code for this is:-

<p align="right">Date: </p>
    <p id="demo" align="right">
    <script>
    var d = new Date();
    document.getElementById("demo").innerHTML = d.toDateString();
    </script>
</p>

which is giving me the output as:

Date:
"current date"

So how can I avoid new line so that I can get both the element on same line?

My desired Output is:-

Date: "current date"

My current code for this is:-

<p align="right">Date: </p>
    <p id="demo" align="right">
    <script>
    var d = new Date();
    document.getElementById("demo").innerHTML = d.toDateString();
    </script>
</p>

which is giving me the output as:

Date:
"current date"

So how can I avoid new line so that I can get both the element on same line?

• javascript
• html
• css

• 3 You might prefer to simply use other markup than P. P stands for paragraph. Paragraphs usually have more than 2-3 words. – Salketer Commented Aug 5, 2014 at 6:36
• Possible duplicate of how to avoid a new line with p tag? – vahdet Commented Jun 25, 2019 at 8:31

4 Answers 4

You can change your markup but I assume that you have no control over your HTML, so, p is a block level element by default, hence you need to use display: inline-block; or display: inline;

p {
    display: inline; /* Better use inline-block if you want the p 
                        tag to be inline as well as persist the block 
                        state */
}

Demo

Just a heads up for you, take out you script tag out of the p element. Also note that you are using attribute to align your text, where you can do that with CSS like text-align: right; instead of align="right"

You're getting a lint break because there are two p's. Try this:

<p align="right" id="demo">Date: 
    <script>
    var d = new Date();
    document.getElementById("demo").innerHTML = d.toDateString();
    </script>
</p>

You also shouldn't put script inside paragraph element. I suggest you re-formatting your code like this:

<p>Date: <span id="date"></span></p>
<script>
    var d = new Date();
    document.getElementById('date').innerHTML = d.toDateString();
</script>

<p align="right" id= "demo"> Date: </p>
<script>
var d = new Date();
document.getElementById("demo").innerHTML = d.toDateString();
</script>

This should work. You were attaching the innerHTML to the nested p tag and hence you were getting a line break. And because of its block behaviour it was ing to the next line. Attach the innerHTML to the 1st p tag itself