title: arrage `selectInput` and `pickerInput` inline on the same row
body: <p>In the app below I want to place a <code>shinyWidgets::pickerInput</code> <code>inline</code> next to a <code>shiny::selectInput</code>. Two inputs of the same kind (either <code>pickerInput</code> or <code>selectInput</code>) can be placed on the same line just by wrapping them in a <code>div(style =  &quot;inline-block&quot;)</code>. While the app below places the inputs on the same line / row they are not on the same level vertically. I looked at the DOM inspector but do not understand, why this is happening and how I can fix it. Any help appreciated.</p>
  <p><a href="https://i.stack.imgur.com/Gz8ZN.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Gz8ZN.png" alt="enter image description here" /></a></p>
  <pre><code>library(shiny)
  library(shinydashboard)
  library(shinyWidgets)
  
  shinyApp(ui = dashboardPage(
    
    header = dashboardHeader(title = &quot;Test&quot;), 
    
    sidebar = dashboardSidebar(disable = TRUE),
    
    body = dashboardBody(
    
      div(style = &quot;display: inline-block;&quot;,
        selectInput(&quot;test&quot;,
                    &quot;Select Input&quot;,
                    choices = 1:3)
      ),
      
      div(style = &quot;display: inline-block;&quot;,
        pickerInput(
          inputId = &quot;somevalue&quot;,
          label = &quot;A label&quot;,
          choices = c(&quot;a&quot;, &quot;b&quot;)
        )
      )
    
    ) # close dashbaordBody
    ), # close dashboardPage
  
    server = function(input, output, session) {
  
  })
  </code></pre>