# Text

## Add Text widget

<div align="left"><img src="https://963067965-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MIJW5nbmYRaSNWePAac%2F-MIxu2KP4MClY9gv_q2W%2F-MIxukPbbr44sIROV1_W%2Fgif_widgets_text2.gif?alt=media&#x26;token=265b6367-d6c3-4aa3-b012-18fc9d7347ee" alt=""></div>

1. Select page in Navigator
2. Do one of the following:
   * Click <img src="https://963067965-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MIJW5nbmYRaSNWePAac%2F-MJ1Ia-XP293U-WgAQov%2F-MJ1JedhFsEjWrIDeLsP%2Farticle.svg?alt=media&#x26;token=be647deb-f3da-47d9-8d07-dd99a88b84b5" alt="" data-size="line"> on Toolbar
   * Select Insert > Widgets > Text&#x20;
   * Click + on Toolbar, select text file.
3. Open Widget Inspector
4. Paste or enter text into Text area

## Font settings

<div align="left"><img src="https://963067965-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MIJW5nbmYRaSNWePAac%2F-MIxu2KP4MClY9gv_q2W%2F-MIxukPaKZfZo91cDocL%2Fgif_widgets_text_font.gif?alt=media&#x26;token=4e0a17ab-76cd-4ad1-ba1a-f0b25c978cdb" alt=""></div>

1. Select Text widget in Navigator
2. Open Font Inspector
3. Set font settings

## Using HTML markup

<div align="left"><img src="https://963067965-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MIJW5nbmYRaSNWePAac%2F-MIxu2KP4MClY9gv_q2W%2F-MIxukSMF6l4XxHMXE9I%2Fwidgets_text_markup.png?alt=media&#x26;token=5e6882e9-69b0-49ac-9a3d-91969b2eebf6" alt=""></div>

Text widgets are able to display styled text, specified using a subset of HTML 3.2 markup:

* `<b></b>` - bold
* `<strong></strong>` - bold
* `<i></i>` - italic
* `<br>` - new line
* `<p>` - paragraph
* `<u>` - underlined text
* `<font color="color_name" size="1-7"></font>`
* `<h1> to <h6>` - headers
* `<a href="">` - anchor
* `<img src="" align="top,middle,bottom" width="" height="">` - inline images
* `<ol type="">`, `<ul type="">` and `<li>` - ordered and unordered lists
* `<pre></pre>` - preformatted
* `&gt; &lt; &amp;`
