Advanced Alignment Setting For Blogger

By default, Blogger uses <div style="text-align: ... "> tag to set alignment of posts, refusing <span style="text-align: ... "> setting. Meanwhile, it uses CSS (cascading style sheet) commands to set alignment of its template, refusing the <div style="text-align: ... ">. It can be a problem if you are going to use many different alignments in different parts of your website / blog. Fortunately, there is one superpower alignment setting that can be applied easily to all parts of your blog, regardless of the <div> and CSS settings.

This unique technique uses <span> tag to set alignment, with some additional recipe. Here is it:

<span style="display: block; text-align: ... ">
Your text, image, script, etc here. This text etc can be embedded with any alignment, regardless of what the particular 'div' and CSS settings have determined. This advanced span tags owns.
</span>


To use it, just put the command everywhere you want, and change the " ... " with left, center, right, or justify. This advanced span tag can be applied to every part of your Blogger powered website / blog: posts, sidebars, template, footer, etc. It can also be used to alter alignments rapidly, even in one part or one <div>.

Try it. Any problems / questions? Feel free to use the comments section.

No comments: