# Rich Text for \<b\>

**URL:** <https://community.glideapps.com/t/rich-text-for-b/31662>\
**Category:** Ask for Help\
**Created:** [September 12, 2021, 7:02am UTC](https://community.glideapps.com/t/rich-text-for-b/31662 "2021-09-12T07:02:22Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![Lin\_Altshuler](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/lin_altshuler/32/32591_2.png) [@Lin\_Altshuler](https://community.glideapps.com/u/Lin_Altshuler)\
**Post date:** [September 12, 2021, 7:02am UTC](https://community.glideapps.com/t/rich-text-for-b/31662/1 "2021-09-12T07:02:23Z")

</div>

Hi Experts,  
I need to brake text to a new row based on the length of it so that it will fit to my table and the headers stay pretty.  
I am guessing I will need to use a rich text component to insert a “\< b \>” like I did manually in my screenshot.  
How do I create a count of letters and insert in where a space should be and not in middle word using a template column?

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/c/7/c7275b829008e1abf384e56e4de305f0bbf26a5c.png)

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/d/0/d049a2ecc09857ec9aeb76581512a085e75653b4.png)

another solution would be a fixed width for my html table/ i am using this

```auto
 table.darkTable {
  border: 2px solid #000000;
  background-color: #4A4A4A;
  width: 100%;
  height: 200px;
  text-align: center;
  border-collapse: collapse;
}
table.darkTable td, table.darkTable th {
  border: 1px solid #4A4A4A;
  padding: 3px 2px;
}
table.darkTable tbody td {
  font-size: 13px;
  color: #E6E6E6;
}
table.darkTable tr:nth-child(even) {
  background: #888888;
}
table.darkTable thead {
  background: #000000;
  border-bottom: 3px solid #000000;
}
table.darkTable thead th {
  font-size: 15px;
  font-weight: bold;
  color: #E6E6E6;
  text-align: center;
  border-left: 2px solid #4A4A4A;
}
table.darkTable thead th:first-child {
  border-left: none;
}

table.darkTable tfoot {
  font-size: 12px;
  font-weight: bold;
  color: #E6E6E6;
  background: #000000;
  background: -moz-linear-gradient(top, #404040 0%, #191919 66%, #000000 100%);
  background: -webkit-linear-gradient(top, #404040 0%, #191919 66%, #000000 100%);
  background: linear-gradient(to bottom, #404040 0%, #191919 66%, #000000 100%);
  border-top: 1px solid #4A4A4A;
}
table.darkTable tfoot td {
  font-size: 12px;
}

```

Where does my width go so it only effects the last column?

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [September 12, 2021, 8:07am UTC](https://community.glideapps.com/t/rich-text-for-b/31662/2 "2021-09-12T08:07:39Z")

</div>

I think this is a case of applying word-wrap or white-space in the right place.

[https://www.design-fluide.com/09-12-2018/how-to-break-long-words-in-an-html-or-css-table/](https://www.design-fluide.com/09-12-2018/how-to-break-long-words-in-an-html-or-css-table/)

---

<div class="post-metadata">

**Author:** ![Lin\_Altshuler](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/lin_altshuler/32/32591_2.png) [@Lin\_Altshuler](https://community.glideapps.com/u/Lin_Altshuler)\
**Post date:** [September 12, 2021, 8:26am UTC](https://community.glideapps.com/t/rich-text-for-b/31662/3 "2021-09-12T08:26:34Z")

</div>

Perfect this worked:

```auto
<tr>
<td>cell1_1</td>
<td>cell2_1</td>
<td>cell3_1</td>
<td style="width:50%">cell4_1</td>
</tr>

```

Learning so much from you!

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [September 12, 2021, 8:30am UTC](https://community.glideapps.com/t/rich-text-for-b/31662/4 "2021-09-12T08:30:11Z")

</div>

Quick adaption!

---

<div class="post-metadata">

**Author:** ![agung\_Taufik](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/agung_taufik/32/2589_2.png) [@agung\_Taufik](https://community.glideapps.com/u/agung_Taufik)\
**Post date:** [September 12, 2021, 2:53pm UTC](https://community.glideapps.com/t/rich-text-for-b/31662/5 "2021-09-12T14:53:26Z")

</div>

hi  
I’m a new user, I want to ask where do you apply CSS?

I want to implement CSS in my application, but I don’t know where to put it.

---

<div class="post-metadata">

**Author:** ![Lin\_Altshuler](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/lin_altshuler/32/32591_2.png) [@Lin\_Altshuler](https://community.glideapps.com/u/Lin_Altshuler)\
**Post date:** [September 12, 2021, 2:59pm UTC](https://community.glideapps.com/t/rich-text-for-b/31662/6 "2021-09-12T14:59:53Z")

</div>

In a rich text component

---

<div class="post-metadata">

**Author:** ![agung\_Taufik](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/agung_taufik/32/2589_2.png) [@agung\_Taufik](https://community.glideapps.com/u/agung_Taufik)\
**Post date:** [September 12, 2021, 3:34pm UTC](https://community.glideapps.com/t/rich-text-for-b/31662/7 "2021-09-12T15:34:36Z")

</div>

is it here?

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/3/f/3f619621cee2d64e43527f5ee4abfcc6c0b680ea.png)

---

<div class="post-metadata">

**Author:** ![agung\_Taufik](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/agung_taufik/32/2589_2.png) [@agung\_Taufik](https://community.glideapps.com/u/agung_Taufik)\
**Post date:** [September 12, 2021, 3:36pm UTC](https://community.glideapps.com/t/rich-text-for-b/31662/8 "2021-09-12T15:36:32Z")

</div>

can you provide a screenshot?

---

<div class="post-metadata">

**Author:** ![Lin\_Altshuler](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/lin_altshuler/32/32591_2.png) [@Lin\_Altshuler](https://community.glideapps.com/u/Lin_Altshuler)\
**Post date:** [September 12, 2021, 3:47pm UTC](https://community.glideapps.com/t/rich-text-for-b/31662/9 "2021-09-12T15:47:03Z")

</div>

This is also an option

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/0/e/0e301d5c51aedb5ac6bffc30ec34a3e51fa576a1.png)

---

<div class="post-metadata">

**Author:** ![NoCodeAndy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/nocodeandy/32/62530_2.png) [@NoCodeAndy](https://community.glideapps.com/u/NoCodeAndy)\
**Post date:** [January 17, 2024, 4:50pm UTC](https://community.glideapps.com/t/rich-text-for-b/31662/10 "2024-01-17T16:50:38Z")

</div>