```html Text can be in a <span class="tp-text--monospace">monospace</span> font. ```
npm install @thumbtack/tp-ui-utility-type---
package: '@thumbtack/tp-ui-utility-type'
kit: utility/type.yaml
platform: scss
url: /api/components/utility/type/scss/
---
import '@thumbtack/tp-ui-utility-type';
import { Link } from 'gatsby';
import Alert from './../../../../www/src/components/alert';
This package was deprecated on September 11 in favor of{' '}
classes from Thumbprint Atomic.
``html`
Text can be in a monospace font.
`html`Lorem ipsum dolor sit amet, consectetur adipiscing elit.
`html`Lorem ipsum dolor sit amet, consectetur adipiscing elit.
`html theme=dark`Lorem ipsum dolor sit amet, consectetur adipiscing elit.
`html`Lorem ipsum dolor sit amet, consectetur adipiscing elit.
`html`This is normal weight, equivalent to font-weight: 400.
`html`This is equivalent to font-weight: 700.
`html`
You may want to strike out some text.
`html`
You may want to use uppercase in some cases.
`html`
When you have a lot of text on a single line you sometimes don’t want it to wrap or run off the
screen. Nulla mollis sapien diam, in rutrum mauris suscipit in. Praesent ac sapien rhoncus,
efficitur massa nec, mattis ante. In dictum eget orci sit amet dapibus.
`html`
http://www.thumbtack.com/this/is/a/long/path/that/could/go/and/not/break/the/way/you/want/it/to/but/this/class/can/help/make/it/wrap/as/you/may/desire.html
`htmltp-text--nowrap
In some cases you may want text blocks that don’t wrap the way they normally would. This is
possible with the class. Praesent ac sapien rhoncus, efficitur massa nec,`
mattis ante. In dictum eget orci sit amet dapibus.
`html`I’m on the left.
`html`I’m in the middle!
`html``Whoa, I’m way over on the right.