To align text within table cells just use the CSS text-align:<left|center|right>; display:block; commands. These commands can be combined with other CSS commands. The block forces the display of the span to 100% width of the containing element.

Important: Don't forget to leave a space between trailing %% and |.


||%%(text-align:left;display:block;)Left Heading%% ||%%(text-align:center;display:block;)Center Heading%% ||%%(text-align:right;display:block;)Right Heading%%
|%%(text-align:left;display:block;)Left Cell 11%% |%%(text-align:center;display:block;)Center Cell 12%% |%%(text-align:right;display:block;)Right Cell 13%%
|%%(text-align:left;display:block;)Left Cell 21%% |%%(text-align:center;display:block;)Center Cell 22 (longer for illustration)%% |%%(text-align:right;display:block;)Right Cell 23%%
|%%(text-align:left;display:block;)left%% |%%(text-align:center;display:block;)center%% |%%(text-align:right;color:red;display:block;)combine alignment and color%% 

produces this

Left Heading Center Heading Right Heading
Left Cell 11 Center Cell 12 Right Cell 13
Left Cell 21 Center Cell 22 (longer for illustration) Right Cell 23
left center combine alignment and color

Add new attachment

Only authorized users are allowed to upload new attachments.
« This page (revision-17) was last changed on 07-Dec-2008 21:40 by Janne Jalkanen