title: Problem in centering table header in shiny
body: <p>Problem in centering table header in shiny, when centering my table the first column remains aligned to the left. How do I fix this? Just below I made available my CSS code. I'm in doubt as to how to align the first column of my table. I am also in doubt, if I called the CSS correctly in my code.</p>
  <pre><code>library(shiny)
  library(dplyr)
  
  bd= read.csv(&quot;bd.csv&quot;, sep = &quot;;&quot;)
  
  ui = fluidPage(
      fixedRow(
          column(12,
                 titlePanel(&quot;Tabelas&quot;),
                 sidebarLayout(
                     sidebarPanel(selectInput(&quot;TABELA&quot;, &quot;Selecione a Tabela:&quot;, choices = bd$TABELA),
                                  downloadButton(&quot;downloadData&quot;, &quot;Download&quot;)),
                     mainPanel(tags$link(
                         rel='stylesheet',
                         type='text/css',
                         href='custom.css'),
                         (tableOutput(&quot;bd&quot;))) 
                 )
          )
      )
  )
  
  
  server = function(input, output) {
      output$bd &lt;- renderTable({
          bd %&gt;%
              dplyr::filter(TABELA == input$TABELA)%&gt;%
              dplyr::select(LOCAL, ENTREVISTAS.PRE, ENTREVISTAS.POS, CITACOES.PRE, CITACOES.POS, PERCENT.PRE, PERCENT.POS)
          }
      )
      
      output$downloadData &lt;- downloadHandler(
          filename = function() {
              paste(&quot;bd-&quot;, Sys.Date(), &quot;.csv&quot;, sep=&quot;&quot;)
          },
          
          content = function(file) {
              write.csv(bd, file)
          }
      )
      
  }
  
  shinyApp(ui = ui, server = server)
  
  
  .table.shiny-table&gt;thead&gt;tr&gt;th, 
  .table.shiny-table&gt;thead&gt;tr&gt;td, 
  .table.shiny-table&gt;tbody&gt;tr&gt;th, 
  .table.shiny-table&gt;tbody&gt;tr&gt;td, 
  .table.shiny-table&gt;tfoot&gt;tr&gt;th, 
  .table.shiny-table&gt;tfoot&gt;tr&gt;td {
    padding-right: 12px;
    padding-left: 12px;
    font-size:80%;
    text-align: center;
  }
  
  .table&gt;caption+thead&gt;tr:first-child&gt;td, 
  .table&gt;caption+thead&gt;tr:first-child&gt;th, 
  .table&gt;colgroup+thead&gt;tr:first-child&gt;td, 
  .table&gt;colgroup+thead&gt;tr:first-child&gt;th, 
  .table&gt;thead:first-child&gt;tr:first-child&gt;td, 
  .table&gt;thead:first-child&gt;tr:first-child&gt;th {
      border-top: 0;
      font-size:80%;
      text-align: center;
  }
  
  </code></pre>
  <p><img src="https://i.stack.imgur.com/ylWa0.png" alt="enter image description here" /></p>