I have a table that I am working on.
- All values and buttons in the table need to be centered horizontally and vertically.
- However, there is an issue where if I enter a button link as a value of any row, the button and other text values become broken and do not align vertically in the center.
You can refer to the screenshot below for better understanding: Screenshot
Please help me fix this issue!
Here is a snippet of my code:
<html lang="en">
<head>
<title>CSS3 Feature Table</title>
<div id="main">
<table class="features-table">
<thead>
<tr>
// Table headers here
</tr>
</thead>
<tfoot>
// Table footer with totals here
</tfoot>
<tbody>
// Rows with values and buttons here
</tbody>
</table>
</div>
</head>
</html>