Menu
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?
512
It is an inline-level element and does not break to the next line unless its default behavior is changed. To make these examples easier to use and understand for all types of computer users, we're using the style attribute in the div.
display:inline; will turn the div into the equivalent of a span . It will be unaffected by margin-top , margin-bottom , padding-top , padding-bottom , height , etc.
You can force the content of the HTML <div> element stay on the same line by using a little CSS. Use the overflow property, as well as the white-space property set to “nowrap”.
Inline elements behave in much the same way as text does. If you want to prevent them from wrapping, either remove the white space you have used for formatting, or add white-space:nowrap; to the rule for .
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)
80
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".
21
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
