Html 图像和下拉列表未对齐

目前我有一些图片链接和下拉列表。但是，图像比下拉列表高，如何使它们对齐

<a id="nextid" href="javascript:PrePage()"><img src="/graphics/newIcons/previous.png" style = "height: 19px; width: 19px;" title = "Next"></img></a>
<a id="preid" href="javascript:PreCommentPage()"><img src="/graphics/newIcons/previous.png" style = "height: 19px; width: 19px;" title = "Next"></img></a>  
<select name="cars" id="cars">
  <option value="saab">General Comments  -4 comments(s)</option>
</select>

一般性意见-4项意见

将代码包装在

div

容器中，并使用flexbox，如下所示：

.container{
显示器：flex；
对齐项目：居中；
}

一般性意见-4项意见

您应该在img标签中使用

垂直对齐：中间

属性

#nextid，#preid{
垂直对齐：中间对齐；
}

一般性意见-4项意见