Home/ Questions/Q 8215693
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-07T11:52:15+00:00

I am adding a span elements dynamically from input field into a div. When

  • 0

I am adding a span elements dynamically from input field into a div. When they reached the right end of the div. It overflows in the same line.

However, when the number of span elements are pre-defined into a div element then they are not overflowed and they comes down and starts from a new line. I want this way.

I analysed both the element structure in firebug and both look same.

Here the fiddle for demonstration – FIDDLE

Please let me know for any mistake I am doing and if there is any workaround.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Since span is an inline element, it’s affected by whitespace in the HTML.

    In your predefined example, you have a line break between each span.

    To make your JavaScript version work, you need to add some whitespace.

    Add either a line break:

    $("#box1").append("<span>"+val+"</span>\r\n");

    or just a space:

    $("#box1").append("<span>"+val+"</span> ");

    The choices are equivalent, but your intention may be clearer with a line break.

    • 0