.. include:: /Includes.rst.txt .. _using-css-styled-content: Using css\_styled\_content -------------------------- It is worth taking a deeper look at "css\_styled\_content". It comes with more than 2000 lines of TypoScript code containing definitions for each type of content element. Although it may seem daunting, it is very instructive to review all this code, as there is much to learn by example. To view the raw code, place yourself on the root page of your web site and move to the **WEB > Template** module. Then choose the *Template Analyzer* function. You should see a list of all used TypoScript templates and how they possibly include one another. All templates are evaluated by TYPO3 CMS from top to bottom. .. figure:: ../Images/TemplateAnalyzerStructure.png :alt: The template structure as sees with the Template Analyzer With a click on "EXT:css\_styled\_content/static/", you can view the content of that template (below the hierarchical view), first the constants, then the setup (scroll down). You will see that "css\_styled\_content" adds HTML elements with many classes to the rendering of a page. They are used by TYPO3 CMS to display things in a structured way, e.g. images at their selected position like next to text, the link to top, etc. This also has the advantage that it is not necessary to enter different classes by hand, if you want to modify the styling. All you need is to find out which HTML element has which class, and to add CSS styles for that class. Example: .. code-block:: html