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    lt  php    echo   lt a href   pagea php id  id   gt Page A lt  a gt       gt   lt div id  contentInfo new  gt     lt script type  text javascript  src  getData php id  lt  php echo  id     gt   gt  lt  script gt   lt  div gt    I have tried to tidy it up here  How can I have this display on a single line

User · Answer

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

User · Answer

Add style  display  inline  to your div

User · Answer

Use css property - white-space  nowrap

User · Answer

lt div style  float  left   gt   lt  php    echo   lt a href   pagea php id  id   gt Page A lt  a gt       gt   lt  div gt   lt div id  contentInfo new  style  float  left   gt     lt script type  text javascript  src  getData php id  lt  php echo  id     gt   gt  lt  script gt   lt  div gt

User · Answer

use float left on the div and the link  or use a span

User · Answer

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

User · Answer

You can simply use    contentInfo new br  display none

User · Answer

A better way to do a break line is using span with CSS style parameter white-space  nowrap  span nobreak     white-space  nowrap     or span nobreak     overflow  hidden    text-overflow  ellipsis    white-space  nowrap     Example directly in your HTML  lt span style  overflow hidden  white-space  nowrap   gt  YOUR EXTENSIVE TEXT THAT YOU CAN  T BREAK LINE      lt  span gt

User · Answer

div is a block element  which always takes up its own line   use the span tag instead

[html] How do I prevent DIV tag starting a new line?

Examples related to html

Examples related to css