cssエラーメッセージについて

WordPresにてcssを編集しました。

2つの行で「！」が表示されメッセージが表示されます。

①　border-top: 1px solid #ffffff; /*枠線の色*/

メッセージの内容

Using height withh border-top can sometimes make elements larger than you expect.

②　vertical-align: middle;

メッセージの内容
vertical-align can’t be used with display: block.

メッセージを消したいのですが、いろいろ調べ手を尽くしましたが改善策が見当たりません。

どなたかご教授ください。

WordPressバージョンは Vr.4.94　です。
———————————–
.mobile-nav ul {
animation: none;
}
.mobile-nav li {
display: inline;
}
.mobile-nav {
height: 80px;
background: rgba(255,158,181); /*メニューの背景色*/
border-top: 1px solid #ffffff; /*枠線の色*/
border-left: 1px solid #ffffff; /*枠線の色*/
}
.mobile-nav li a {
display: block;
font-weight: bold;
vertical-align: middle;
line-height: 20px;
font-size: 11px; /*文字サイズ*/
width: 33.3333%; /*33.3333%で3等分*/
border-bottom: 1px solid #ffffff; /*枠線の色*/
border-right: 1px solid #ffffff; /*枠線の色*/
list-style: none;
text-align: center;
color: #ffffff; /*文字の色変更*/
padding: 10px;
float: left;
box-sizing: border-box;
text-decoration: none;
}