Centering text in a table in Twitter Bootstrap

Question

For some reason, The text inside the table still is not centered. Why? How do I center the text inside the table?

To make it really Clear: For example, I want "L

Answer 1

The .table td 's text-align is set to left, rather than center.

Adding this should center all your tds:

.table td {
   text-align: center;   
}

---

@import url('https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css');
table,
thead,
tr,
tbody,
th,
td {
  text-align: center;
}

.table td {
  text-align: center;
}

  

    

      
1
      
1
      
1
      
1
      
2
      
2
      
2
      
2
      
3
      
3
      
3
      
3
    
  
  

    

      
Lorem
      
ipsum
      
dolor
    
  

Updated JSFIDDLE