新的Azure SQL数据库服务，可扩展性和DTU(New Azure SQL Database Services, how scalable and what are DTUs)

 这里最简单的方法是设置ul li和ul li为90px 的行高（作为你的ul高度）并将padding-top和bottom设置为0。 
 
li { float: left; line-height: 90px; }
li a, .dropbtn {
     display: inline-block;
     color: black;
     text-align: center;
     padding: 0px 16px;
     text-decoration: none;
}
 
 但现在您的下拉列表已被破坏。 我们通过设置.dropdown-content链接的行高和高度来修复它： 
 
.dropdown-content a {
     color: black;
     padding: 12px 16px;
     text-decoration: none;
     display: block;
     text-align: left;
     line-height: normal;
     height: auto;
}
 
 现在它看起来很好，但你的图像没有正确对齐。 首先，我们需要为列表元素设置display：inline-block 。 
 
li { float: left; line-height: 90px; display: inline-block; }
 
 然后为image添加vertical-align：middle 
 
li img { vertical-align: middle; }
 
 你想知道的最后一件事是在第一个元素上不必要的悬停。 请记住，您可以使用nth-child，first-child，first-of-type与not selector结合来计算元素。 添加行： 
 
li:first-child a:hover { background: none; }
 
 现在一切都应该像你想要的那样工作。 无论如何，未来的提示很少。 
 
 
 
 不要害怕使用div。 当您需要在网站上设置样式和控制元素时，它会有所帮助。 它只不过是一个容器。 
 
 
 保持CSS清洁。 这是级联样式表。 你已经在你的CSS里面找到了一个样式，并且在这个样式之后，.dropbtn样式覆盖了前一个样式。 
 
 
 不要放弃和学习。 ;） 

The easiest way here is set ul li and ul li a line-height for 90px (as your ul height) and set padding-top and bottom to 0. 
 
li { float: left; line-height: 90px; }
li a, .dropbtn {
     display: inline-block;
     color: black;
     text-align: center;
     padding: 0px 16px;
     text-decoration: none;
}
 
But now your drop down list is broken. We fix it by setting line-height and height for .dropdown-content links like that:
 
.dropdown-content a {
     color: black;
     padding: 12px 16px;
     text-decoration: none;
     display: block;
     text-align: left;
     line-height: normal;
     height: auto;
}
 
Now it looks fine, but your image is not aligned correctly. First of all, we need to set display: inline-block for our list elements.
 
li { float: left; line-height: 90px; display: inline-block; }
 
And then add vertical-align: middle for image
 
li img { vertical-align: middle; }
 
The last thing you want to know is unwanted hover on the first element. Remember that you can use nth-child, first-child, first-of-type combined with not selector to count elements. Add line:
 
li:first-child a:hover { background: none; }
 
And now everything should work just like you want it to. Anyway, few tips for future. 
 
 
 
Don't be afraid of using divs. It helps, helps a lot when you need to style and control elements on website. It's nothing more than just a container.
 
 
Keep your CSS clean. It's Cascading Style Sheets. You've got in your CSS li a styles and after this li a, .dropbtn styles that override the previous one.
 
 
Don't give up and learn on. ;)