How to add a bracket to forum post?

[CloysterOyster]

I am doing a little something in my club(s) and am wanting to know how to add an actual bracket and edit in sprites. Something like this image of a bracket here:

If anyone can help, please let me know here or via private message. Thank you. :)

 

[Squirrel]

Most people would use an external site like www.challonge.com, such as the current Legendary Club's event, as I'm pretty sure we don't have any kind of codes for this other than doing it yourself with a lot of painful effort and tonnes of hyphens haha. Then just printscreen the bracket from there and post it in the club :)

Certainly wouldn't mind seeing this added as a code if at all possible though.

 

[CloysterOyster]

What I would do is create a CSS Div backgrounded with that image, then position small CSS boxes for each person's name. I don't know if CSS is your cup of tea, but that'd be the messy way of going at it.

That, or just paint your way through it.

I don't even know what CSS is or how to do all that :/

 

[Echidna]

What I would do is create a CSS Div backgrounded with that image, then position small CSS boxes for each person's name. I don't know if CSS is your cup of tea, but that'd be the messy way of going at it.

That, or just paint your way through it.

Yeah that would be too much of a pain. I mean apart from perfectly aligning all the singular div-blocks all while adjusting line-height, which would also be taking a chance because div-blocks are <p> based and insert there own line breaks and what not.

Then you'd like, have to go through columns upon columns of floating container div blocks and I just...

No.