JSFiddle - React, Tailwind, and code Playground

by adonis11

HTML

<body>
  <header>
    <nav id = "nav">
		    <ul>
				<li><a href = "#">Одежда</a>
					<ul class = "second">
						<li><a href = "#">Мужская</a></li>
						<li><a href = "#">Женская</a></li>
						<li><a href = "#">Детская</a></li>
		</ul>
				</li>
				<li><a href = "#">Электроника</a>
					<ul class = "second">
						<li><a href = "#">Телефоны</a></li>
						<li><a href = "#">Телевизоры</a></li>
						<li><a href = "#">Компьтеры</a></li>
					</ul>
				</li>
				<li><a href = "#">Мебель</a>
					<ul class = "second">
						<li><a href = "#">Диваны</a></li>
						<li><a href = "#">Столы</a></li>
						<li><a href = "#">Кровати</a></li>
					</ul>
				</li>
				<li><a href = "#">Бытовая техника</a>
					<ul class = "second">
						<li><a href = "#">Холодильники</a></li>
						<li><a href = "#">Стиральные машины</a></li>
						<li><a href = "#">Электроплиты</a></li>
					</ul>
				</li>
			</ul>
	</nav>
  </header>
</body>

CSS

#nav *{
     margin: 0;
     padding: 0;
 }
header{
 margin-top: 100px;
 font-family: Arial, sans-serif;
}
#nav{
	height: 70px;
}
#nav ul{
	list-style: none;
}