Css 单行中的文本和小部件[闪亮]

下面的代码将文本和小部件放在一行中，但是，如果有更好的方法，我想知道它的可能性。此外，正如您所看到的，小部件没有正确对齐；不过在RStudio viewer上看起来不错。
这是图片

这是可复制的代码

server <- function(input, output) {
}
ui <- fluidPage(
      tabPanel("Test",
               div(style="display: inline-block;vertical-align:moddle; width: 175px;",
                   p("Choose a threshold that is ")),
               div(style="display: inline-block;vertical-align:middle; width: 100px;",
                   textInput("var1","","2")),
               div(style="display: inline-block;vertical-align:middle; width: 100px;",
                   selectInput("var2","",c("inches","cm")))
      ))
shinyApp(ui, server)

---

server为什么不试试谷歌MDL？它更容易，而且你不再需要输入那种js了。你有一个拼写错误——“垂直对齐：moddle；”@奥沃库罗同意。拼写正确，即“中间”并没有解决问题，即chrome浏览器上的小部件稍微错位。@Obink是MDL代表Material Design Lite吗？@SatishR ye是。对不起，迟了答复。有点忙