# Is is possible to add a break/space here and make a new CSS box?

**URL:** <https://meta.discourse.org/t/is-is-possible-to-add-a-break-space-here-and-make-a-new-css-box/301281>\
**Category:** Development\
**Tags:** css\
**Created:** [March 28, 2024, 3:48am UTC](https://meta.discourse.org/t/is-is-possible-to-add-a-break-space-here-and-make-a-new-css-box/301281 "2024-03-28T03:48:35Z")\
**Posts on this page:** 1\
**Showing post:** 1

<div class="post-metadata">

**Author:** ![45thj5ej](https://avatars.discourse-cdn.com/v4/letter/4/34f0e0/32.png) [@45thj5ej](https://meta.discourse.org/u/45thj5ej)\
**Post date:** [March 28, 2024, 3:48am UTC](https://meta.discourse.org/t/is-is-possible-to-add-a-break-space-here-and-make-a-new-css-box/301281/1 "2024-03-28T03:48:35Z")

</div>

No idea how to explain this, so here’s a photo:

 ![fffff](https://global.discourse-cdn.com/meta/original/4X/5/6/b/56b4dd6bc2810c991914f1c168bf3485a3042137.png)

Where the red box is, I would like to have a separate “box/bubble” for the “New & Unread Topics” area. Where the squiggly red line is, I would like that area to be space, and then under the “Tracking” bell icon, have that be its own “box/bubble” too. Basically, trying to make this be two rounded borders with space between them. Essentially, just trying to detach the “New & Unread Topics” area from what’s right above it. Is this possible? If so, please tell me how.

It looks like the Topics area has a div ID of `suggested-topics` with a div class of `more-topics__list` and I believe the entire rounded box that’s already surrounding all of it is `main-outlet` but I can’t tell which one the above area is where the Tracking bell icon is.

So, I want it to look like this:

 ![bbbb](https://global.discourse-cdn.com/meta/original/4X/e/6/8/e689f49690953922dfa7a75352e7d687ef970f6f.png)

Red boxes indicate the “boxes/bubbles” I referred to above. Orange line between them is where I want the space between them to be. And yes, I’ve read all the usually-recommended CSS topics and whatnot. I cannot figure it out after like 6hrs. From messing around, it looks like if I do:

```plaintext
.more-topics__list{
  display:none;
}

```

then it basically gets rid of all the stuff between Tracking bell icon and “Want to read more?..” at the bottom, but that doesn’t really help me get anywhere when I want to keep the content, just have the sections split.

---

_[View the full topic](https://meta.discourse.org/t/is-is-possible-to-add-a-break-space-here-and-make-a-new-css-box/301281)._
