# @Text Adding a Space

**URL:** <https://forums.realmacsoftware.com/t/text-adding-a-space/44912>\
**Category:** RapidWeaver Elements\
**Created:** [October 8, 2024, 9:33pm UTC](https://forums.realmacsoftware.com/t/text-adding-a-space/44912 "2024-10-08T21:33:31Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Bill](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/bill/32/107_2.png) [@Bill](https://forums.realmacsoftware.com/u/Bill)\
**Post date:** [October 8, 2024, 9:33pm UTC](https://forums.realmacsoftware.com/t/text-adding-a-space/44912/1 "2024-10-08T21:33:31Z")

</div>

Discovered that tailwind doesn’t have ::before or ::after so set up this:

`<div><span>@text("before", default: "Before")</span>@text("middle", default:"Middle")<span>@text("after", default: "After")</span></div>`

It generates: BeforeMiddle After - Notice there is a space after ‘Middle’

---

<div class="post-metadata">

**Author:** ![ben](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/ben/32/28488_2.png) [@ben](https://forums.realmacsoftware.com/u/ben)\
**Post date:** [October 9, 2024, 9:07am UTC](https://forums.realmacsoftware.com/t/text-adding-a-space/44912/2 "2024-10-09T09:07:43Z")

</div>

Tailwind does support the pseudo selectors for `::before` and `::after` - have a look at the [Pseudo-elements → Before and after](https://tailwindcss.com/docs/installation#before-and-after) documentation for how it works!

---

<div class="post-metadata">

**Author:** ![Bill](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/bill/32/107_2.png) [@Bill](https://forums.realmacsoftware.com/u/Bill)\
**Post date:** [October 9, 2024, 4:13pm UTC](https://forums.realmacsoftware.com/t/text-adding-a-space/44912/3 "2024-10-09T16:13:28Z")

</div>

Yeah, I finally found the docs here: [Before & After](https://tailwindcss.com/docs/hover-focus-and-other-states#before-and-after)  
Unfortunately in edit view it’s showing classes in the preview - probably due to the double quotes causing rendering problems - oh well - they recommend using spans anyway. The only drawback is the Before & After show as block elements due to the div nesting in edit view.

**Update:** by adding flex to middle element, the space disappeared, so I have a solution for edit view as well.