Test thread — to test things out. Do not lock!

Yes:

\begin{aligned} \bbox[lime,5px,border:1px solid black]{\text B} \bbox[silver,5px,border:1px solid black]{\text E} \bbox[silver,5px,border:1px solid black]{\text A} \bbox[lime,5px,border:1px solid black]{\text R} \bbox[yellow,5px,border:1px solid black]{\text D} \\ \bbox[lime,5px,border:1px solid black]{\text B} \bbox[silver,5px,border:1px solid black]{\text O} \bbox[lime,5px,border:1px solid black]{\text D} \bbox[lime,5px,border:1px solid black]{\text R} \bbox[silver,5px,border:1px solid black]{\text O} \end{aligned}

Deleted

Cool. Let me try that.

\begin{aligned} \bbox[silver,5px,border:1px solid black]{\text R} \bbox[silver,5px,border:1px solid black]{\text A} \bbox[silver,5px,border:1px solid black]{\text T} \bbox[silver,5px,border:1px solid black]{\text I} \bbox[silver,5px,border:1px solid black]{\text O} \\ \bbox[silver,5px,border:1px solid black]{\text C} \bbox[silver,5px,border:1px solid black]{\text L} \bbox[silver,5px,border:1px solid black]{\text U} \bbox[lime,5px,border:1px solid black]{\text E} \bbox[yellow,5px,border:1px solid black]{\text S} \\ \bbox[silver,5px,border:1px solid black]{\text N} \bbox[silver,5px,border:1px solid black]{\text Y} \bbox[silver,5px,border:1px solid black]{\text M} \bbox[yellow,5px,border:1px solid black]{\text P} \bbox[silver,5px,border:1px solid black]{\text H} \\ \bbox[silver,5px,border:1px solid black]{\text B} \bbox[silver,5px,border:1px solid black]{\text A} \bbox[silver,5px,border:1px solid black]{\text D} \bbox[silver,5px,border:1px solid black]{\text G} \bbox[yellow,5px,border:1px solid black]{\text E} \\ \bbox[lime,5px,border:1px solid black]{\text S} \bbox[lime,5px,border:1px solid black]{\text W} \bbox[lime,5px,border:1px solid black]{\text E} \bbox[lime,5px,border:1px solid black]{\text E} \bbox[lime,5px,border:1px solid black]{\text P} \end{aligned}

Thanks. I just put that in the Wordle thread.

Excellent ! Thanks.

If you’d prefer the boxes left-aligned, put an ampersand before each line:

\begin{aligned} &\bbox[lime,5px,border:1px solid black]{\text B} \bbox[silver,5px,border:1px solid black]{\text E} \bbox[silver,5px,border:1px solid black]{\text A} \bbox[lime,5px,border:1px solid black]{\text R} \bbox[yellow,5px,border:1px solid black]{\text D} \\ &\bbox[lime,5px,border:1px solid black]{\text B} \bbox[silver,5px,border:1px solid black]{\text O} \bbox[lime,5px,border:1px solid black]{\text D} \bbox[lime,5px,border:1px solid black]{\text R} \bbox[silver,5px,border:1px solid black]{\text O} \end{aligned}

Even more excellent! Thanks!

We spoiler the solutions in the Wordle thread. Here it is, with better left alignment.

I found this one to be a tough one.

Wordle 634 5/6

:black_large_square::black_large_square::black_large_square::black_large_square::black_large_square:
:black_large_square::black_large_square::black_large_square::green_square::yellow_square:
:black_large_square::black_large_square::black_large_square::yellow_square::black_large_square:
:black_large_square::black_large_square::black_large_square::black_large_square::yellow_square:
:green_square::green_square::green_square::green_square::green_square:

(Aligning better than the first time)

\begin{aligned} &\bbox[silver,5px,border:1px solid black]{\text R} \bbox[silver,5px,border:1px solid black]{\text A} \bbox[silver,5px,border:1px solid black]{\text T} \bbox[silver,5px,border:1px solid black]{\text I} \bbox[silver,5px,border:1px solid black]{\text O} \\ &\bbox[silver,5px,border:1px solid black]{\text C} \bbox[silver,5px,border:1px solid black]{\text L} \bbox[silver,5px,border:1px solid black]{\text U} \bbox[lime,5px,border:1px solid black]{\text E} \bbox[yellow,5px,border:1px solid black]{\text S} \\ &\bbox[silver,5px,border:1px solid black]{\text N} \bbox[silver,5px,border:1px solid black]{\text Y} \bbox[silver,5px,border:1px solid black]{\text M} \bbox[yellow,5px,border:1px solid black]{\text P} \bbox[silver,5px,border:1px solid black]{\text H} \\ &\bbox[silver,5px,border:1px solid black]{\text B} \bbox[silver,5px,border:1px solid black]{\text A} \bbox[silver,5px,border:1px solid black]{\text D} \bbox[silver,5px,border:1px solid black]{\text G} \bbox[yellow,5px,border:1px solid black]{\text E} \\ &\bbox[lime,5px,border:1px solid black]{\text S} \bbox[lime,5px,border:1px solid black]{\text W} \bbox[lime,5px,border:1px solid black]{\text E} \bbox[lime,5px,border:1px solid black]{\text E} \bbox[lime,5px,border:1px solid black]{\text P} \end{aligned}

With thanks to @pjd and @Topologist.

But now, is there a way to do this such that all the boxes are the same size, and each line has the same length?

This is tres cool!

Unfortunately, I know LaTeX a lot better than I know MathJax. The \bbox command being used there is a MathJax addition and doesn’t seem to allow specifying a fixed width. The best I could come up with is to use a fixed-width font, by using \texttt rather than \text:

\begin{aligned} &\bbox[silver,5px,border:1px solid black]{\texttt R} \bbox[silver,5px,border:1px solid black]{\texttt A} \bbox[silver,5px,border:1px solid black]{\texttt T} \bbox[silver,5px,border:1px solid black]{\texttt I} \bbox[silver,5px,border:1px solid black]{\texttt O} \\ &\bbox[silver,5px,border:1px solid black]{\texttt C} \bbox[silver,5px,border:1px solid black]{\texttt L} \bbox[silver,5px,border:1px solid black]{\texttt U} \bbox[lime,5px,border:1px solid black]{\texttt E} \bbox[yellow,5px,border:1px solid black]{\texttt S} \\ &\bbox[silver,5px,border:1px solid black]{\texttt N} \bbox[silver,5px,border:1px solid black]{\texttt Y} \bbox[silver,5px,border:1px solid black]{\texttt M} \bbox[yellow,5px,border:1px solid black]{\texttt P} \bbox[silver,5px,border:1px solid black]{\texttt H} \\ &\bbox[silver,5px,border:1px solid black]{\texttt B} \bbox[silver,5px,border:1px solid black]{\texttt A} \bbox[silver,5px,border:1px solid black]{\texttt D} \bbox[silver,5px,border:1px solid black]{\texttt G} \bbox[yellow,5px,border:1px solid black]{\texttt E} \\ &\bbox[lime,5px,border:1px solid black]{\texttt S} \bbox[lime,5px,border:1px solid black]{\texttt W} \bbox[lime,5px,border:1px solid black]{\texttt E} \bbox[lime,5px,border:1px solid black]{\texttt E} \bbox[lime,5px,border:1px solid black]{\texttt P} \end{aligned}

Brilliant ! Now we’re cooking with gas !

You mean with

\begin{aligned} &\bbox[lime,5px,border:1px solid black]{\texttt F} \bbox[lime,5px,border:1px solid black]{\texttt A} \bbox[lime,5px,border:1px solid black]{\texttt R} \bbox[lime,5px,border:1px solid black]{\texttt T} \bbox[lime,5px,border:1px solid black]{\texttt S} \end{aligned}

Since “gas” has the wrong number of letters. Sadly, so does “flatus” which was the word I really wanted to use here. Oh well.

Looks really good. Light ‘em up!

Image test, from another post

Testing a nested list, using tabs:

Title 21: Food and Drugs
Subchapter H: Medical Devices
Part 820: Quality System Regulation
Subpart D: Document Controls; §820.40
§ 820.40: Document controls.

Nope. Did not work. If you reply to and quote this post, you’ll see the nesting that I’m trying to create.

ETA — this is what I’m trying to get:

Another possibility: is there a way to create this arrow character, or something similar (I’ve seen them without the arrowheads)?

If you’re willing to accept the non-proportional font and tinted background, you can create a nested list with tabs by enclosing the whole thing in ``` = triple back-ticks. Discourse treats that as computer code. if you put the leading back-ticks on a separate line above your outermost item it’ll give you weird color-coding that only makes sense to programmers. To avoid that, put the leading triple back-tick on the same line as your first list content. Like this:

	Subchapter H: Medical Devices
		Part 820: Quality System Regulation
			Subpart D: Document Controls; §820.40
				§ 820.40: Document controls.




The other way to make nested unnumbered / unbulleted lists is to abuse the HTML unnumbered list notation. You don’t get the weird font and background tint, but you do get your nested list double-spaced whether you want that or not.

    Title 21: Food and Drugs
      Subchapter H: Medical Devices
        Part 820: Quality System Regulation
          Subpart D: Document Controls; §820.40
            § 820.40: Document controls.

The key is that each item starts with a <ul> tag and do not use any <li> tags anywhere. Then end the whole thing with however many </ul> tags to wrap up and restore normalcy for your subsequent text.

Trying this (apostrophe; available on iPhone keyboard)

‘‘‘Title 21: Food and Drugs
Subchapter H: Medical Devices
Part 820: Quality System Regulation
Subpart D: Document Controls; §820.40
§ 820.40: Document controls.
‘‘‘

Or this (apostrophe)

’’’Title 21: Food and Drugs
Subchapter H: Medical Devices
Part 820: Quality System Regulation
Subpart D: Document Controls; §820.40
§ 820.40: Document controls.
’’’

Or this (back ticks pasted from LSL’s post) —

	Subchapter H: Medical Devices
		Part 820: Quality System Regulation
			Subpart D: Document Controls; §820.40
				§ 820.40: Document controls.

Do these work? No, only the back ticks work.

Thank you, @LSLGuy.

Regular apostrophes do NOT work. Gotta be the back-tick otherwise known as the accent grave. I have no idea how to get that from an Apple keyboard.

As to your arrow symbols, see here:

You can display any of those characters with the notation “&#x” followed by the 4-hexdigit code then a semicolon = “;”. So for example:

&#x21b3; produces ↳ while &#x21b2; produces ↲ Of course, once you can see the symbol on preview, there’s nothing to prevent you from copying that and pasting it directly into your post: ↲↲↲↲↲↲↲↲. Or easier yet, just copy the symbol right out of the wiki page.

For future refernce, this giant wiki page covers all the symbols, weird letters, foreign stuff etc. All of which are copy/pastable into Discourse’s edit window:

Including links, which should work. And, correcting.

	[Chapter I: Food and Drug Administration, Department of Health and Human Services](https://www.ecfr.gov/current/title-21/chapter-I)
		[Subchapter H: Medical Devices](https://www.ecfr.gov/current/title-21/chapter-I/subchapter-H)
			[Part 820: Quality System Regulation](https://www.ecfr.gov/current/title-21/chapter-I/subchapter-H/part-820?toc=1)
				[Subpart D: Document Controls; §820.40](https://www.ecfr.gov/current/title-21/chapter-I/subchapter-H/part-820/subpart-D)
					[§ 820.40: Document controls.](https://www.ecfr.gov/current/title-21/chapter-I/subchapter-H/part-820/subpart-D/section-820.40)

No. Links do not work with the triple back ticks.

Nope. Because the back-tick programming format tells Discourse to ignore anything in there that might otherwise be a command to Discourse to do other sorts of formatting. Like turning URLs into something clickable.

There is no free lunch for indented unnumbered unbulleted lists. Unfortunately. Or more precisely, there’s no easy way I’ve found.