# 여기에 줄바꿈/공백을 추가하고 새로운 CSS 박스를 만들 수 있을까요?

**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:** [3월 28, 2024, 3:48오전 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:** 4

<div class="post-metadata">

### Author: ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)
#### Post date: [3월 28, 2024, 12:18오후 UTC](https://meta.discourse.org/t/is-is-possible-to-add-a-break-space-here-and-make-a-new-css-box/301281/4 "2024-03-28T12:18:05Z")

</div>

안녕하세요 👋

[☁ Discourse Air Theme](https://meta.discourse.org/t/discourse-air-theme/197703) 테마를 사용 중이시라고 가정합니다.

이와 같은 효과를 다음과 같이 구현할 수 있습니다.

공통 CSS

```scss
body.archetype-regular,
body.archetype-banner,
body.archetype-private_message {
  #main-outlet {
    margin-top: 30px;
    margin-bottom: 0px;
    background: transparent !important;
    box-shadow: none;
    padding: 0em 0em 5%;
    width: 100% !important;
  }
  
    #topic-title {
      margin-bottom: 0;
      background: var(--secondary);
      padding: 3em 3em 1em;
      border-radius: 1em 1em 0 0;
    }
  
    .container.posts {
      margin-bottom: 0;
      background: var(--secondary);
      padding: 0 3em var(--below-topic-margin);
    }
  
    .topic-above-footer-buttons-outlet.presence {
      margin: 0;
      padding: var(--below-topic-margin) 0;
      background: var(--secondary);
    }
  
    #topic-footer-buttons {
      max-width: 100%;
      background: var(--secondary);
      border-radius: 0 0 1em 1em;
      margin: 0;
      padding: var(--below-topic-margin) 3em 1em;
    }
  
    .more-topics__container {
      border-radius: 1em;
      background: var(--secondary);
      max-width: 100%;
      padding: 3em;
    }
  }
}

```

---

_[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)._