여러분, 안녕하세요! 헤더 아래에 main-outlet 외부에 커스텀 HTML을 추가하려고 합니다. wrap 클래스를 사용하여 가운데 정렬을 피하고 싶거든요.
Figma에는 비슷한 예가 있습니다 (예시)
안녕하세요 @AmericanGuy! 
사용 가능한 아웃렛(outlet) 위치를 모두 확인하고 해당 위치에 사용자 정의 HTML 코드를 추가할 수 있는 훌륭한 테마 컴포넌트가 있습니다:
테마에서 테마 컴포넌트를 활성화한 후에는, 검색 아이콘 옆의 아웃렛 아이콘을 클릭하여 웹사이트에서 아웃렛 위치를 표시하거나 숨길 수 있습니다: 
헤더 바로 아래에 "below-site-header"라는 이름의 아웃렛이 있음을 확인할 수 있습니다.
이제, 테마 또는 컴포넌트의 Head 탭에 다음 코드를 사용하여 이 아웃렛에 사용자 정의 HTML을 추가할 수 있습니다:
<script type="text/x-handlebars" data-template-name="/connectors/below-site-header/my-custom-element">
test
</script>
(my-custom-element를 고유하고 설명적인 이름으로 교체하세요)
다음은 결과 화면입니다 (이미지 왼쪽 상단을 확인하세요):
아웃렛에 대해 더 자세히 알고 싶다면 다음 링크를 참고하세요: Developing Discourse Themes & Theme Components 