# Proper usage of {{ \< css.inline \> }}

**URL:** <https://discourse.gohugo.io/t/proper-usage-of-css-inline/26262>\
**Category:** support\
**Created:** [June 14, 2020, 7:03pm UTC](https://discourse.gohugo.io/t/proper-usage-of-css-inline/26262 "2020-06-14T19:03:58Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![v\_madhu](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/v_madhu/32/11632_2.png) [@v\_madhu](https://discourse.gohugo.io/u/v_madhu)\
**Post date:** [June 14, 2020, 7:03pm UTC](https://discourse.gohugo.io/t/proper-usage-of-css-inline/26262/1 "2020-06-14T19:03:58Z")

</div>

I am learning to insert inline CSS in a Markdown file and saw someone post a page with all the inline CSS organized at the bottom of the page using

```
{{ < css.inline > }}
<style>
     .myclassname {
font-size: 2rem;
}
</style>
{{< /css.inline > }}

```

I have searched through Hugo documentation to learn about this usage and cannot find any information. Where does the css.inline block come from? Is this standard Markdown, built-in templating in Hugo, part of HTML? Any pointers to documentation would be appreciated so that I can understand how that block works.

---

<div class="post-metadata">

**Author:** ![bep](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/bep/32/3332_2.png) [@bep](https://discourse.gohugo.io/u/bep)\
**Post date:** [June 14, 2020, 7:29pm UTC](https://discourse.gohugo.io/t/proper-usage-of-css-inline/26262/2 "2020-06-14T19:29:49Z")

</div>

> **[Create Your Own Shortcodes](https://gohugo.io/templates/shortcode-templates/#inline-shortcodes)**
>
> You can extend Hugo's built-in shortcodes by creating your own using the same templating syntax as that for single and list pages.

---

<div class="post-metadata">

**Author:** ![v\_madhu](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/v_madhu/32/11632_2.png) [@v\_madhu](https://discourse.gohugo.io/u/v_madhu)\
**Post date:** [June 14, 2020, 7:32pm UTC](https://discourse.gohugo.io/t/proper-usage-of-css-inline/26262/3 "2020-06-14T19:32:10Z")

</div>

Completely answered my question. Thanks!

---

<div class="post-metadata">

**Author:** ![system](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/system/32/1_2.png) [@system](https://discourse.gohugo.io/u/system)\
**Post date:** [June 16, 2020, 7:32pm UTC](https://discourse.gohugo.io/t/proper-usage-of-css-inline/26262/4 "2020-06-16T19:32:11Z")

</div>

This topic was automatically closed 2 days after the last reply. New replies are no longer allowed.