Home/ Questions/Q 8266539
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-08T05:11:47+00:00

I am not asking how to generate it, but rather how to format it.

  • 0

I am not asking how to generate it, but rather how to format it. Is there any set of characters that is meant for that purpose? My intuitive approach was to have the options with the following values:

master
    |-- foo 1
    |-- foo 2
        |-- bar 1
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    The box drawing characters are meant for purposes like this, more or less. At the minimum, you would use U+251C BOX DRAWINGS LIGHT VERTICAL AND RIGHT “├” and U+2500 BOX DRAWINGS LIGHT HORIZONTAL“─”. For example,

    <select>
<option>master
<option>&nbsp;&nbsp;&nbsp;&#x251c;&#x2500; foo 1
<option>&nbsp;&nbsp;&nbsp;&#x251c;&#x2500; foo 2
<option>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&#x251c;&#x2500; bar 1
</select>

    However, it will be difficult to get the symbols aligned well. Using no-break spaces as above is a coarse tool, and most importantly, character widths vary—so you might consider using a CSS rule like

     select, option { font-family: Consolas, monospace }

    to get more predictable rendering.

    • 0