# How to hide an html text element ?

**URL:** https://forum.kirupa.com/t/how-to-hide-an-html-text-element/640286
**Category:** Uncategorized
**Created:** [August 22, 2019, 11:51pm UTC](https://forum.kirupa.com/t/how-to-hide-an-html-text-element/640286 "2019-08-22T23:51:13Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![vmars316](https://avatars.discourse-cdn.com/v4/letter/v/bcef8e/32.png) [@vmars316](https://forum.kirupa.com/u/vmars316)
#### Post date: [August 22, 2019, 11:51pm UTC](https://forum.kirupa.com/t/how-to-hide-an-html-text-element/640286/1 "2019-08-22T23:51:13Z")

</div>

Thanks;  
I have a ‘pre’ and a ‘p’  
that I would like to make invisible  
and not take up any space .  
Is that possible .  
This does nothing:

```auto
pre .pasteInto {
  display:none;
  visibility: hidden;
}

<pre class="pasteInto">

```

Thanks

---

<div class="post-metadata">

### Author: ![vmars316](https://avatars.discourse-cdn.com/v4/letter/v/bcef8e/32.png) [@vmars316](https://forum.kirupa.com/u/vmars316)
#### Post date: [August 23, 2019, 12:13am UTC](https://forum.kirupa.com/t/how-to-hide-an-html-text-element/640286/2 "2019-08-23T00:13:21Z")

</div>

Hmm…  
Turns out inline-css worked fine (chrome):

```auto
<pre contenteditable="true" class="pasteInto" style=" position: absolute;
  height: 0px;
  width: 1px;
  overflow: hidden;
  border: none;">
```

Thanks

---

<div class="post-metadata">

### Author: ![johnesmichael](https://avatars.discourse-cdn.com/v4/letter/j/58f4c7/32.png) [@johnesmichael](https://forum.kirupa.com/u/johnesmichael)
#### Post date: [August 23, 2019, 7:15am UTC](https://forum.kirupa.com/t/how-to-hide-an-html-text-element/640286/3 "2019-08-23T07:15:18Z")

</div>

thanks for sharing, it is very helpful for me.

---

<div class="post-metadata">

### Author: ![kirupa](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kirupa/32/11616_2.png) [@kirupa](https://forum.kirupa.com/u/kirupa)
#### Post date: [August 23, 2019, 4:07pm UTC](https://forum.kirupa.com/t/how-to-hide-an-html-text-element/640286/4 "2019-08-23T16:07:37Z")

</div>

The selector would be `pre.pasteInto`, since you are targeting the same element with your tag and class values. Inline styles aren’t great if you are manually specifying styles, so if you can avoid them, you should go back to your initial approach 🙂

Also, to have an element not take up any space, you can just set `display: none` instead of the extra work you are doing.

😄

---

<div class="post-metadata">

### Author: ![vmars316](https://avatars.discourse-cdn.com/v4/letter/v/bcef8e/32.png) [@vmars316](https://forum.kirupa.com/u/vmars316)
#### Post date: [August 23, 2019, 11:33pm UTC](https://forum.kirupa.com/t/how-to-hide-an-html-text-element/640286/5 "2019-08-23T23:33:35Z")

</div>

Thanks  
I’ll take another look at that .