먼저 HTML 파일에 가로 메뉴 바를 구현하기 위한 요소들을 생성합니다.

<nav>
  <div class="menu">Menu 1</div>
  <div class="menu">Menu 2</div>
  <div class="menu">Menu 3</div>
</nav>

그런 다음, CSS를 사용하여 가로 메뉴 바를 스타일링하고 clear 프로퍼티를 활용합니다.

.menu {
  float: left;
  margin-right: 20px;
}

.menu:last-child {
  margin-right: 0;
  clear: right;
}

위의 코드에서 .menu 클래스에 float: left를 적용하여 요소들을 왼쪽으로 띄우고, margin-right를 통해 각 메뉴 사이의 간격을 조절합니다. 마지막 메뉴에는 clear: right를 사용하여 오른쪽 부동 요소들을 지워줍니다.

이렇게 하면 가로 메뉴 바를 생성할 수 있습니다.