# Float and practice

**URL:** <https://forums.realmacsoftware.com/t/float-and-practice/45227>\
**Category:** Elements API\
**Created:** [November 10, 2024, 2:53pm UTC](https://forums.realmacsoftware.com/t/float-and-practice/45227 "2024-11-10T14:53:46Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Post date:** [November 10, 2024, 2:53pm UTC](https://forums.realmacsoftware.com/t/float-and-practice/45227/1 "2024-11-10T14:53:46Z")

</div>

working through the tailwind classes I have not used, in this case float, don’t think I have ever used float before, so still a few more float bits still to figure out and add some more controls, video of progress and html component to date

```auto
elementsapp://downloadDocument/u25uLtIqTys0

```

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [November 10, 2024, 5:03pm UTC](https://forums.realmacsoftware.com/t/float-and-practice/45227/2 "2024-11-10T17:03:52Z")

</div>

That’s a great use of Custom Components and Tailwind CSS, love it 🥰

---

<div class="post-metadata">

**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Post date:** [November 10, 2024, 5:34pm UTC](https://forums.realmacsoftware.com/t/float-and-practice/45227/3 "2024-11-10T17:34:24Z")

</div>

Dan thanks still not finished, is this behaviour expected, you see as I select before the letter correct colour, once I selected it is the colour of the previous letter

---

<div class="post-metadata">

**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Post date:** [November 10, 2024, 8:40pm UTC](https://forums.realmacsoftware.com/t/float-and-practice/45227/4 "2024-11-10T20:40:40Z")

</div>

> **[Floats - Tailwind CSS](https://tailwindcss.com/docs/float)**
>
> Utilities for controlling the wrapping of content around an element.

Still have float-start float-end float-none to add plus a few more styling bits

Didn’t need p tag as Elements has text and typography

Could remove the float width and just let Elements control the width etc eg container flex perhaps

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [November 11, 2024, 10:20am UTC](https://forums.realmacsoftware.com/t/float-and-practice/45227/5 "2024-11-11T10:20:36Z")

</div>

Yeah, it’s kinda the way it works… when you move the cursor back it selects the last block of colour. I know it feels strange, but it does work.

As long as you can set the colours you need on text, I think we’re good!

---

<div class="post-metadata">

**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Post date:** [November 11, 2024, 12:03pm UTC](https://forums.realmacsoftware.com/t/float-and-practice/45227/6 "2024-11-11T12:03:29Z")

</div>

it works no problem, all good

---

<div class="post-metadata">

**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Post date:** [November 12, 2024, 7:00pm UTC](https://forums.realmacsoftware.com/t/float-and-practice/45227/7 "2024-11-12T19:00:28Z")

</div>

@dan updated Elements, copied custom component, image does not show in Elements but does in Safari

---

<div class="post-metadata">

**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Post date:** [November 12, 2024, 7:06pm UTC](https://forums.realmacsoftware.com/t/float-and-practice/45227/8 "2024-11-12T19:06:43Z")

</div>

also not sure if this is possible - but dragging a page from one project into another crashes Elements

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [November 12, 2024, 7:44pm UTC](https://forums.realmacsoftware.com/t/float-and-practice/45227/9 "2024-11-12T19:44:21Z")

</div>

Thanks for the feedback on both of those issues, I’ve ticketed them to be fixed. Stay tuned!