# How do I underline text in the new UI?

**URL:** <https://community.thunkable.com/t/how-do-i-underline-text-in-the-new-ui/1040711>\
**Category:** Questions about Thunkable X\
**Tags:** draganddrop\
**Created:** [December 17, 2020, 3:15am UTC](https://community.thunkable.com/t/how-do-i-underline-text-in-the-new-ui/1040711 "2020-12-17T03:15:18Z")\
**Posts on this page:** 1\
**Showing post:** 15

<div class="post-metadata">

**Author:** ![eko.devs.apploroceo](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/eko.devs.apploroceo/32/93147_2.png) [@eko.devs.apploroceo](https://community.thunkable.com/u/eko.devs.apploroceo)\
**Post date:** [December 23, 2020, 5:36am UTC](https://community.thunkable.com/t/how-do-i-underline-text-in-the-new-ui/1040711/15 "2020-12-23T05:36:39Z")

</div>

wait 2 mins

sorry for delay try

> **[Thunkable](https://x.thunkable.com/projects/5fe2c0df0d0fc10012c470c0/1000908a-1401-468e-ab31-5ae65b9d048e/designer)**

With html u can do  
html:  
` <html><p>This is some example text. This is a <a href="#" >normal link</a>, and this is a <a href="#" class="underline">flashy link</a> using pseudo styles.</p></html>`

css:  
.underline {  
text-decoration: none;  
position: relative;  
}

```
.underline:after {
    position: absolute;
    content: '';
    height: 2px;
	  /* adjust this to move up and down. you may have to adjust the line height of the paragraph if you move it down a lot. */
    bottom: -4px; 

   / ****** 
   optional values below 
   ****** /
    
    /* center - (optional) use with adjusting width */
    margin: 0 auto;
	  left: 0;
    right: 0;
	  width: 50%;
	  background: green;
	  
	  /* optional animation */
	  -o-transition:.5s;
	  -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition:.5s;
}
 

 /* optional hover classes used with anmiation */
  .underline:hover:after {
	  width: 80%;
	  background: orange;
}

```

basicly its hovering text in flashy links and also normal… try in a html code editor

---

_[View the full topic](https://community.thunkable.com/t/how-do-i-underline-text-in-the-new-ui/1040711)._