JSFiddle - React, Tailwind, and code Playground

HTML

<body>
  <div id="navigation">
        <ul>
           <li>
            <a href="#">contact</a>
                <ul>
                      <li><a href="#">address, email, number</a></li>
                      
                </ul>            
            </li>  
            <li>
            <a href="#">menupoint2</a>
                <ul>
                      <li><a href="#">stuff</a></li>
                      <li><a href="#">more stuff</a></li>
                      <li><a href="#">even more stuff and extremely long</a></li>
                    
                </ul>            
            </li>
          <li>
            <a href="#">menupoint1</a>
                <ul>
                     
                      <li><a href="#">submenu here</a></li>
                      <li><a href="#">another one</a></li>
                       <li><a href="#">also here</a></li>
                </ul>
            </li>  
          
        </ul>   
    </div>
</body>

CSS

#navigation ul
  {
  margin:0px; 
  padding:0px;
  position:relative;
  text-align:center;
	}
		/*First level list items******************************/
		#navigation ul li
		{
			display:inline; 
			float:right; 
			line-height:20px;
			list-style:none; 
			margin-right:3%;
    	    margin-top:5%;
			position:relative; 
		}
   
			/*First level anchor tags************************/
			#navigation li a
			{ display:block;
        font-family: "Helvetica", "Arial", sans-serif;
        font-size:1em;
				color:#04B4AE; 
				text-decoration:none;
        
			}
			#navigation li a:hover
			{  color:#08298A;
				text-decoration:none;
			}
			
			/*Second level menu*****************************/
			#navigation li ul
			{ font-size:0.8em;
				background-color:transparent;
				display:block;  
				margin:0px; 
				padding:0px;
				top:0.5em; 
			}
			#navigation li:hover ul
			{   color:#04B4AE;
				  
			}
				
				/*Second level list items*******************/
				#navigation li li
				{	vertical-align:middle;
					list-style:none; 
		      display:list-item;
          margin:auto;
          float:none;

				}
					/*Second level anchors*****************/
					#navigation li li a
					{
						color:#04B4AE; 
						text-decoration:none;
					}
					#navigation li li a:hover
					{ color:#08298A;
						text-decoration:none;
					}