How do you make multiple space in chat?

What I'm trying to achieve is a special text box (I'm using trait template) with a info icon(ℹ) on the left and a cross on the right that doesn't do anything when clicked. However, it seems when I try to put multiple spaces between the 2 characters, the trait box always show up with a single space instead. So it looks like ℹ × instead of ℹ                    × I'm sure there's a text justification way of doing this but I don't know how to do that either

Hi Bowman! This is not Roll20 in this instance; you are fighting HTML. HTML by default will not display more than a single space. You could try using html entities to replace the spaces. For a space, the code is   for "non-breaking space". Here is an example: /w gm &{template:traits} {{name=Roll Template}} {{description=ℹ                  ×}} I put a regular space in between each code, to make it shorter, since single spaces won't be eaten in between.

keithcurtis said: Hi Bowman! This is not Roll20 in this instance; you are fighting HTML. HTML by default will not display more than a single space. You could try using html entities to replace the spaces. For a space, the code is   for "non-breaking space". Here is an example: /w gm &{template:traits} {{name=Roll Template}} {{description=ℹ                  ×}} I put a regular space in between each code, to make it shorter, since single spaces won't be eaten in between. Ah thanks Keith, guess I'll have to learn HTML now

If the icon and cross don't do anything, you could just make a simple graphic image of them, wide but not tall. You can display it in the roll template with: [anytext](URL of image) It will appear on its own line and automatically size itself to stretch across the template. Example: I uploaded this to my game. The image URL is&nbsp; <a href="https://s3.amazonaws.com/files.d20.io/images/309227763/6KrhAZJVXLoro-Pvaxnc5Q/original.jpg" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/309227763/6KrhAZJVXLoro-Pvaxnc5Q/original.jpg</a> Entering this code: /w gm &amp;{template:traits}&nbsp; {{name=[x](<a href="https://s3.amazonaws.com/files.d20.io/images/309227763/6KrhAZJVXLoro-Pvaxnc5Q/original.jpg" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/309227763/6KrhAZJVXLoro-Pvaxnc5Q/original.jpg</a>)}} {{description=Some text goes here.}} Yields this in chat:

keithcurtis said: If the icon and cross don't do anything, you could just make a simple graphic image of them, wide but not tall. You can display it in the roll template with: [anytext](URL of image) It will appear on its own line and automatically size itself to stretch across the template. Example: I uploaded this to my game. The image URL is&nbsp; <a href="https://s3.amazonaws.com/files.d20.io/images/309227763/6KrhAZJVXLoro-Pvaxnc5Q/original.jpg" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/309227763/6KrhAZJVXLoro-Pvaxnc5Q/original.jpg</a> Entering this code: /w gm &amp;{template:traits}&nbsp; {{name=[x](<a href="https://s3.amazonaws.com/files.d20.io/images/309227763/6KrhAZJVXLoro-Pvaxnc5Q/original.jpg" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/309227763/6KrhAZJVXLoro-Pvaxnc5Q/original.jpg</a>)}} {{description=Some text goes here.}} Yields this in chat: Wow, thanks! My current solution is making the icons links to rick roll handouts, but this definitely looks cooler