I'm looking to align text. Specifically I want it to look like this:

A B
A B
A B.

BUT! The issue comes in when I want text B to align to the right side which normally I would do with [right][/right]. But this breaks the line if I were to do it as such:

A [right]B[/right]
A [right]B[/right]
A [right]B[/right]

A
A
A

Now the other problem is that I need all the A's to align below each other (so no line breaks which the above code causes) because they are part of the same text, as well as the B.

Is there anyone that knows how? My solution right now is doing it in GIMP and making it into an image, but that arguably is a lot more annoying to make and post. It's for my bio after all.

Either image that stuff, or try using table. Set it up so that A is in one cell...you have a cell of blank space, then the B cell that is right-aligned. That said, I'm not entirely sure of the BBCode for tables, nor am I certain the forum supports it. But if they do, that'd be your best bet to try.

@JDolan It does but they're not listed anywhere and it's gonna be hard to figure out tables myself.

For bordered table, here's the code:

[table=bordered][row]
[cell]A[/cell][cell][right]B[/right][/cell]
[/row][/table]

A	B

However, even if you remove the border command, the bottom line is still visible:

A	B

Hope this helps.

@tsukune that fixes my problem, though. Is there a way I can make that bottom line be in color?

@Buddha Unfortunately, no. The table coding for this site is very limited and I have to figure it out myself, though partly thanks to a reference @NuttsnBolts showed me long ago.

If you wish to have more custom control over whatever designs you may have in mind, you're better off creating them as images, then linking back here with [img][/img].

If you wish to have more custom control over whatever designs you may have in mind, you're better off creating them as images, then linking back here with [img][/img].

The only issue with images is that they scale down on different devices so what could look fine on one screen may look horribly awful on another. In some cases the images can push the edge of the forum boundaries and again, look out of place.

I'd just be inclined to use the table and just live with the line, or make it work into the layout somehow, *or* do what you did in your original post and perhaps incorporate a horizontal rule.

The quick brown fox

---

The quick brown fox

---

The quick brown fox

---

The only issue with images is that they scale down on different devices so what could look fine on one screen may look horribly awful on another. In some cases the images can push the edge of the forum boundaries and again, look out of place.

The only type of image where I have such a problem is animated GIF (well obviously); otherwise I do not have the resizing issue you mentioned with JPEG and PNG regardless of the type of devices I use to access this site.

Either way, both direct coding and using images have their own respective limitations, so it's up to the individual to use whichever one that works best for themselves. If you can make-do with limited features that the BBcode can do on this site, it's more convenient when you want to make changes freely; if you want more fancy customization, you'll have to use image editors, yeah.