Como criar um menu de navegação horizontal ou vertical com html e css?

Para criar um menu de navegação horizontal ou vertical em HTML e CSS, existem várias abordagens. Aqui estão algumas maneiras comuns de criar esses menus:

Menu de navegação horizontal:

<ul class="menu-horizontal">
  <li><a href="#">Item 1</a></li>
  <li><a href="#">Item 2</a></li>
  <li><a href="#">Item 3</a></li>
</ul>

.menu-horizontal {
  list-style: none;
  padding: 0;
  margin: 0;
}

.menu-horizontal li {
  display: inline-block;
}

.menu-horizontal li a {
  display: block;
  padding: 10px;
  text-decoration: none;
}

Menu de navegação vertical:

<ul class="menu-vertical">
  <li><a href="#">Item 1</a></li>
  <li><a href="#">Item 2</a></li>
  <li><a href="#">Item 3</a></li>
</ul>

.menu-vertical {
  list-style: none;
  padding: 0;
  margin: 0;
}

.menu-vertical li {
  display: block;
}

.menu-vertical li a {
  display: block;
  padding: 10px;
  text-decoration: none;
}

Esses são exemplos básicos de menus de navegação. Você pode estilizar esses menus de acordo com suas preferências, aplicando cores, estilos de texto, efeitos de transição e outros elementos de design. Além disso, você pode adicionar classes adicionais aos elementos do menu para estilizar itens ativos, itens suspensos (dropdowns) e outros comportamentos específicos.

Lembre-se de que esses exemplos são apenas uma base inicial e você pode personalizá-los de acordo com as necessidades do seu projeto.