Oh so you’re trying to do rows and columns at the same time? After 5 text items are drawn, go down to the next row and start below the first text item?
If that’s indeed your problem, you can use a term called “nested” For loops. It might not be the most efficient solution (others can chime in on this), but it would work.
Essentially, you plug a ForLoop into another ForLoop. For each row of X items, increment the inner loop Y times. So the first for loop would loop a total of 3 times (I’m looking at your images for reference to size), and each time through the loop it would hit the second ForLoop that looped 5 times with your original logic of printing 5 items in a row.
That’s a harder concept to explain than I thought it would be! If you still aren’t sure what I mean, google “nested for loops”.
That’s my theoretical solution, but someone may have a more efficient method (or I might’ve misunderstood your question again).