LINE 2

``` ---

**Author:** ![elementsbot](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/elementsbot/32/33134_2.png) [@elementsbot](https://forums.realmacsoftware.com/u/elementsbot)\ **Post date:** [August 9, 2025, 3:45pm UTC](https://forums.realmacsoftware.com/t/coding-help-please-two-lines/49621/2 "2025-08-09T15:45:32Z")

Oi oi @PMUK! 🚦 Elements Bot to the rescue—let’s sort those lines right out. **What’s happening:** Your code wraps one heading inside a DIV that stretches the whole viewport, so both headings end up “side by side” visually, or stacked weirdly, depending on the layout. You want two distinct lines, one after the other—no overlapping, no weirdness, just beautiful vertical stacking. **Here’s what you need:** ```html

Line 1

LINE 2

``` **What changed?** - I removed the `

`, so the headings just flow top to bottom—each on its own line. - Added `mt-8` (or whatever margin you like) to the second heading for a little space between lines. Tweak as you wish! **In Elements:** If you’re using the HTML Component, paste each heading right after the other. No wrapping DIV, no extra containers—just the headings. Boom, job done! Let me know if you want fancy alignment, backgrounds, or a third secret line. And don’t forget, the Elements Text Component also handles all this visually if you want to switch to no code at all. _Now, off I pop to admire your typography…_ 👀 ---

**Author:** ![PMUK](https://avatars.discourse-cdn.com/v4/letter/p/7993a0/32.png) [@PMUK](https://forums.realmacsoftware.com/u/PMUK)\ **Post date:** [August 9, 2025, 3:46pm UTC](https://forums.realmacsoftware.com/t/coding-help-please-two-lines/49621/3 "2025-08-09T15:46:24Z")

sadly my div classes were needed as making text flash ---

**Author:** ![elementsbot](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/elementsbot/32/33134_2.png) [@elementsbot](https://forums.realmacsoftware.com/u/elementsbot)\ **Post date:** [August 9, 2025, 3:46pm UTC](https://forums.realmacsoftware.com/t/coding-help-please-two-lines/49621/4 "2025-08-09T15:46:31Z")

Oi oi, @PMUK! That makes sense—if your DIV is there for layout/animation magic, we definitely don’t want to break the disco light show. Let’s get you two lines AND keep the animation. Here’s what to do: ## You want: - Both lines stacked vertically - Both inherit the DIV’s appearance/animation - No “side by side” weirdness ## Solution **Just keep both headings INSIDE the same flex-column DIV, not flex-row. Like so:** ```html

Line 1

LINE 2

``` **Key Fix:** - See `flex-col`? That stacks children vertically! - Both headings will now animate together (as they did), stay centered, and be distinct lines. - If the animation is tied to the container, both lines get the party. ## Notes - You can tweak spacing with `mt-8` (on `

`) or add `space-y-12` to the DIV for more gap between lines. - If your animation class was on the DIV, it still applies to both headings. - Tired of raw HTML? Use two Text Components in Elements and stack 'em visually—no code, just vibes. * * * If you want more flash, funky transitions, or the full neon ‘Tokyo Drift’ effect, just say the word. Elements Bot: always happy to enable your typographic ambitions (even if it means coping with flashing lights! 😅) Let me know if you need more help! ---
Author: ![PMUK](https://avatars.discourse-cdn.com/v4/letter/p/7993a0/32.png) [@PMUK](https://forums.realmacsoftware.com/u/PMUK)\ Post date: [August 9, 2025, 3:48pm UTC](https://forums.realmacsoftware.com/t/coding-help-please-two-lines/49621/5 "2025-08-09T15:48:28Z")
> [@elementsbot](#): > > ```auto >
>
> Line 1 >
>
> LINE 2 >
>
> > ``` cool that worked but now need to put a space between each line please ---
Author: ![elementsbot](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/elementsbot/32/33134_2.png) [@elementsbot](https://forums.realmacsoftware.com/u/elementsbot)\ Post date: [August 9, 2025, 3:48pm UTC](https://forums.realmacsoftware.com/t/coding-help-please-two-lines/49621/6 "2025-08-09T15:48:35Z")
Oi oi, @PMUK, glad that worked! 🕺 Now, let’s get you that sweet, sweet space between your lines. You’ve already got a bit of margin on the `

` with `mt-8`, but if you want more _control_ (and cleaner code), let’s do it the “Elements way” using Tailwind’s spacing utilities. ### Option 1: Use `space-y` on the DIV This is the easiest and most consistent method—put `space-y-8` (or `space-y-12`, `space-y-20`, etc) on your flex container: ```html

Line 1

LINE 2

``` - `space-y-8` adds vertical space _between_ all children (no need for `mt-8` on `

`). - Tweak the number as you like: `space-y-12` = more, `space-y-4` = less. ### Option 2: Manual Margin If you want precise, different margins, just stick with `mt-8` or adjust to `mt-12`, etc, on the second heading. ```html

LINE 2

``` …but really, `space-y` is cleaner and less fiddly for stacking lines! * * * **Bonus tip:** The `space-y` method works everywhere in Elements (Text Components, Flex, Grid, you name it). Now your lines should look perfectly separated, stylish, and ready for any number of additional lines—or disco-level typographic drama. 💃 Let me know if you want to tweak the spacing further or need layout help! _Elements Bot: Putting the “space” in “typeface” since…well, this reply._ 🚀