How to implement a horizontal line in a text component

I am looking to replicate the appearance of the


tag from html within a text component as a means of dividing different sections of information. I would prefer this occur within script rather than via editor.

If this can not be done, is there a way to emulate this appearance via the use of multiple text components or other UI elements. Preferably i would just like to use 1 text component because it keeps the script cleaner, but i’ll take what I can get.
Below is an example of the appearance i am looking to emulate.
5509219--565192--upload_2020-2-22_22-51-35.png

Edit: a possible solution that I require some help implementing would be to insert X amount of the _ symbol to substitute a true


type feature. If you know of a way to find the width of the text component after all of its text has been added, and then translate that into a number of symbols to be inserted without making the window any wider (important), please inform me of how to do that as it is a solution I will readily accept.

1 Like

maybe use
5509900--565324--3405204603_0dffc37848_o_400x400.png

Is there a good method to find the number of underlines I would need to input into a text box to make sure it properly seperates the entire width of the UI?

It will need a different width for multiple different instances, and going forward just manually inputting it for every circumstance won’t be suitable.

I tested the appearance of a series of that symbol and it looks acceptable enough, so if a way to determine the number of symbols to use in each given circumstance is available, it will be a great solution.

sorry maybe also see

Unless I am mistaken, isnt that for use in creating inspectors for the editor, rather than UI elements for the project itself?

I could be mistaken of course, but I’m not seeing anything from there that affects UI.

yes u are right, i apologise

u could use first method and do character count but all depending on font default width so not ideal in any way