Add Table into WordPress and Justify Text

How To Add Table into WordPress and Justify Text

In this post I will explain how to add Table and how to remove border of table into wordpress blog. The most important is how to justify text content of table.

Let first discuss how to add Table into WordPress

Simple in Text tab type <Table>  and close table </table>.

<table>                            /** Table starting symbol  **/
<tbody>                 /** not compulsary –Table body symbol **/
<tr>    /* creates rows with in table **/
<td>   /** creates cell within a row **/
</td>
</tr>
</tbody>
</table>

For Example: Divide table row into fixed different column size into WordPress HTML

<table style=”height: 154px;” border=”none” width=”765″>
<tbody>
<tr>
<td width=”16%”>
<div style=”text-align: left;”>
<span style=”font-size: 14px;”>SUBJECT</a></span></div></td>
<td width=”60%”>
<div style=”text-align: left;”>
<span style=”font-size: 14px; text-align: justify; float: left;”> This is about how to align text content into proper end </span></div></td>
<td width=”15%”> text
</td>
</tr>
</tbody>

How To Justify Text content at proper end

In above example shows that how to align properly. When we type text at the end of the line word not properly comes as above line. So use below code to justify the line end as proper in above line.

text-align: justify; float: left;

<span style=”font-size: 14px; text-align: justify; float: left;”>

How To remove Border Lines of Table

To remove border line you have to update style.css file.

Move cursor on Appearance  and select Editor

Find by “Ctrl+ F” table and page down you will find caption and update below

td {   border-width: 0 0px 1px 0;}  “Update Pixel as width of table border you want”

Author: admin

I start blogging as part time business and change it into professional blogging. I want to share valuable, good content and real experiences with users.

Leave a Reply

Your email address will not be published. Required fields are marked *