The alignment of text in a table

MichalMolka · April 2015

I'd like to create a table.
Firstly, I tried to use html code from Betheme documentation: http://themes.muffingroup.com/betheme/documentation/

<table>
	<thead>
		<tr>
			<th>Employee</th>
			<th>Salary</th>
			<th>Bonus</th>
			<th>Supervisor</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td>Stephen C. Cox</td>
			<td>$300</td>
			<td>$50</td>
			<td>Bob</td>
		</tr>
		<tr>
			<td>Josephin Tan</td>
			<td>$150</td>
			<td>-</td>
			<td>Annie</td>
		</tr>
		<tr>
			<td>Joyce Ming</td>
			<td>$200</td>
			<td>$35</td>
			<td>Andy</td>
		</tr>
		<tr>
			<td>James A. Pentel</td>
			<td>$175</td>
			<td>$25</td>
			<td>Annie</td>
		</tr>
	</tbody>
</table>

After using it I noticed that the text is centered.

I also tried using <table style="text-align: left; "> or <td style="text-align: left; "> but it doesn't work.

How to adjust the text to the left?

Albert · April 2015

This local style should be probably added for td, not table.

zoltom · January 2016

table, th, td {
text-align: left !important;
}

Deean · January 2017

How can you insert a table like this on a page?

I tried to do so with the item "code" but somehow I couldn't place it

Albert · January 2017

@Deean All available tables you can find on http://themes.muffingroup.com/be/theme/shortcodes/typography/#table

The alignment of text in a table

Comments