Home/ Questions/Q 9026423
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-16T06:30:56+00:00

I have an array [hello, there, buddy] and I want to join these strings

  • 0

I have an array ["hello", "there", "buddy"] and I want to join these strings together. The issue is that I want to join them together with multiple white-spaces, specifically three of them. My code runs as

sentence = sentence.join("   ")

However, instead of returning 

hello   there   buddy

it returns as

hello there buddy

How do I fix this?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    The text is within a li tag. The page source shows

  2. Hello there buddy

    3. The problem is that browsers collapse whitespace runs between words. You can see this, and counter it, a couple ways.

    <p>1   2   3</p>

    displays with multiple spaces here on Stack Overflow, and consequently your browser, because I told it to use code formatting. I can do it also with:

    1   2   3

    which tells the browser to display using <pre> formatting, which, again, is a fixed-width font which respects the whitespaces.

    If you don’t use a fixed-width format designed to preserve whitespace, you have to get tricky.

    In HTML you can use a non-breaking space:

    1   2   3

    which, in HTML looks like:

    1&nbsp;&nbsp;&nbsp;2&nbsp;&nbsp;&nbsp;3

    If I’d used regular whitespace it would look like:

    1 2 3

    There are CSS games that can be played too, but using &nbsp; is probably the most common.

    To try this at home, save the following to a file called “test.html” and open it with your browser:

    <html><body><p>collapsed    whitespaces   here</p>
<p>non-breaking&nbsp;&nbsp;&nbsp;spaces&nbsp;&nbsp;&nbsp;here</p>
</body></html>
    • 0