I am trying to apply css formatting to a table in an html container that is being generated dynamically.
The container is called: #m1-BIP-html1
<table border="1">
<tr>
<th>Header 1</th>
<th>Header 2</th>
</tr>
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>
here are my unsuccessful attempts at applying the style with css:
#m1-BIP-html1-table{
font-size: 16px;
text-align:center;
vertical-align:middle;
}
#m1-BIP-html1-td{
font-size: 16px;
text-align:center;
vertical-align:middle;
}
#m1-BIP-html1.table{
font-size: 16px;
text-align:center;
vertical-align:middle;
}
#m1-BIP-html1.td{
font-size: 16px;
text-align:center;
vertical-align:middle;
}
Obviously I dont have the css sntax right…any suggestions?
thanks!