<!--
 //////////////////////////////////////////////////////////////////////////////
 // @license
 // This file is part of yFiles for HTML 2.6.
 // Use is subject to license terms.
 //
 // Copyright (c) 2000-2024 by yWorks GmbH, Vor dem Kreuzberg 28,
 // 72070 Tuebingen, Germany. All rights reserved.
 //
 //////////////////////////////////////////////////////////////////////////////
-->
# HTML Label Style Demo

# HTML Label Style Demo

This demo shows how HTML can be used for rendering labels with a custom label style.

The custom style uses an embedded HTML element using the [HtmlVisual](https://docs.yworks.com/yfileshtml/#/api/HtmlVisual).

## HTML Label Editor

#### Creating and Editing Labels

- Press the F2 key while an element or connection is selected.
- Insert **HTML** markup into the editor, i.e. `<strong>Hello World</strong>`

#### Styling Labels with CSS

The stylesheet for labels _html-label.css_ shows how the label texts are styled.

## Related Demos

- [Default Label Style Demo](../../style/default-label-style/)
- [Markdown Label Demo](../../style/markdownlabel/)
- [Rich Text Label Demo](../../style/richtextlabel/)
- [Step 01 Rendering the Label Text](../../tutorial-style-implementation-label/01-render-label-text/)
