---
title: Hide empty elements
tags: visual
author: chalarangelo
cover: blog_images/metro-arrival.jpg
firstSeen: 2022-11-18T05:00:00-04:00
---

Hides elements with no content.

- Use the `:empty` pseudo-class to select elements with no content.

```html
<p>Lorem ipsum dolor sit amet. <button></button></p>
```

```css
:empty {
  display: none;
}
```