Как запретить тегу DIV начинать новую строку?

Question

Я хочу вывести в браузер одну строку текста, содержащую тег. Когда это отображается, кажется, что DIV вызывает новую строку. Как включить содержимое в тег div в одной строке - вот мой код.

<?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>

Я пытался привести в порядок это здесь. Как сделать так, чтобы этот дисплей отображался в одной строке?

Answer 1

Тег div является блочным элементом, вызывающим такое поведение.

Вместо этого следует использовать элемент span, который является встроенным.

Если вы действительно хотите использовать div, добавьте style="display: inline". (Вы также можете указать это в правиле CSS)

Answer 2

Я не эксперт, но попробуйте white-space:nowrap;

Свойство пробела поддерживается во всех основных браузерах.

Примечание. Значение "inherit" не поддерживается в IE7 и более ранних версиях. IE8 требует !DOCTYPE. IE9 поддерживает "inherit".

Answer 3

div - это блочный элемент, который всегда занимает собственную строку.

используйте тег span вместо

Answer 4

Добавьте style="display: inline" к вашему div.

Answer 5

используйте float: слева от div и ссылки, или используйте span.

Answer 6

Вы можете просто использовать:

#contentInfo_new br {display:none;}

Answer 7

<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>