# Em (/components/typography/em)
`Em` stresses a word or phrase, changing how the sentence reads. It renders a native `em` element,
which conveys emphasis to assistive technology, and applies italic styling.
apps/docs/src/examples/em/basic.tsx
```tsx
import { Em } from '@luke-ui/react/em';
import { Text } from '@luke-ui/react/text';
export default () => {
return (
We had to do something about it.
);
};
```
`Em` stays inline and inherits the surrounding typography. Use `textWrap` to control wrapping. Use
`lineClamp` to constrain longer text.
Use `` when text only needs to look italic. `Em` tells assistive technology
the text is stressed.
## API [#api]