title: How to vertically center action buttons in a shiny app?
body: <p>I have two buttons that I have horizontally centered in my column, but haven't been able to figure out how to vertically center as well. I tried using "vertical-align- middle." Here is my UI code below:</p>
  
  <pre class="lang-r prettyprint-override"><code>ui &lt;- shinyUI(fluidPage(
    tags$style(
      HTML('
           #buttons {
           background-color:yellow; position:fixed; margin-bottom:50px; vertical-align: middle; opacity:1; height:50px; z-index:5;
           }
  
           #fluidrow1 {
          height:50px;
           }
  
           ')
      ),
      fluidRow(id="fluidrow1",
        column(12, align="center", id="buttons",
               actionButton("test1", "Test1"),
               actionButton("rmd2", "RMD2")
        )
      )
    ,uiOutput("uioutput")
  
  ))
  </code></pre>
  
  <p>When I tried to do the first button individually, using the following code:</p>
  
  <pre class="lang-r prettyprint-override"><code> #test1 {
          height:50px; vertical-align: middle;
           }
  </code></pre>
  
  <p>I end up getting a really weird looking UI with both buttons centered, but one is large and is the height of the entire column div.
  <a href="https://i.stack.imgur.com/gl0cK.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/gl0cK.png" alt="enter image description here"></a></p>