How do I prevent DIV tag starting a new line?

Question

I want to output a single line of text to the browser that contains a tag. When this is rendered it appears that the DIV causes a new line. How can I include the content in the div tag on the same line - here is my code.

<?php    echo("<a href=\"pagea.php?id=$id\">Page A</a>")  ?> <div id="contentInfo_new">   <script type="text/javascript" src="getData.php?id=<?php echo($id); ?>"></script> </div> 

I have tried to tidy it up here. How can I have this display on a single line?

Answer 1

The div tag is a block element, causing that behavior.

You should use a span element instead, which is inline.

If you really want to use div, add style="display: inline". (You can also put that in a CSS rule)

Answer 2

I am not an expert but try white-space:nowrap;

The white-space property is supported in all major browsers.

Note: The value "inherit" is not supported in IE7 and earlier. IE8 requires a !DOCTYPE. IE9 supports "inherit".