Inline Formatting For Unique Instances

Almost every current website is built on a pre-existing platform that facilitates content management and site maintenance.  These tools are pre-set with formatting that applies throughout the site.  So what happens if you have a unique situation where you need to deviate from the pre-established format?  Inline formatting can often be leveraged on an isolated case to update website layouts to fit a unique need.

Typically site formatting is all driven from centralized Cascading Style Sheets (CSS).  Then each webpage references that CSS to apply formatting.  This has a technical benefit (cleaner and leaner code) and a visual benefit (consistent design throughout the site).  However, no matter how thorough a developer is, there will always be a unique situation where the user wants to use some non-standard formatting.

It’s important to use discretion when using inline formatting. Inline formatting goes against web standard and can therefore produce unexpected results.  In addition, you are intentionally undermining the layout that a designer/developer put in place, presumably for a good reason.  That means you should have an equally good reason for undoing it, preferably one that is data-driven.

Inline formatting should also be used in isolated situations only.  If you find that you have a widespread need to use inline formatting or are repetitively using the same code, it’s probably best to reexamine your template layout and make site wide updates.

All that said, if the web platform allows for direct code formatting then a user can leverage inline code to update the layout.  Inline formatting is basically CSS code placed within a HTML page.  It’s most often used in the following tags:

  • <div>
  • <span>
  • <p>
  • <font> – Careful with this one as it is an old tag that will not be supported in some browsers. However, it can be used on platforms that strictly remove other types of inline formatting

Web platforms will often omit or ignore certain inline formatting tags from deploying so trial and error is essential.  Experimenting involves two questions:

  • What – The code that will render your page/element in the way you want.
  • Where – Putting that code in the appropriate location that your site will accept.

For the times where you have an individual need for one-off formatting on your site, inline formatting can allow you to modify the typical layout to meet the unique need.

Leave a Reply

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