How to prevent adding a div tag to a new line?

Question

I want to output one line of text to the browser containing the tag. When this is displayed, it appears that the DIV calls a new line. How to include content in a 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 tried to put it in order. How can I display this screen on one line?

Answer 1

The div tag is the block element that causes this behavior.

Instead, you should use a span element that is inline.

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

Answer 2

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

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

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

Answer 3

div is a block element that always takes its own line.

use span tag instead

Answer 4

use float: to the left of the div and link or use a range.

Answer 5

Add style="display: inline" to your div.

Answer 6

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

Answer 7

You can simply use:

 #contentInfo_new br {display:none;}