# How to style text within locize?

Styling translations depends less on the string - but on the technology (and [i18n format](https://docs-old.locize.com/integration/supported-i18n-formats)) used to render content.

\
For [react-i18next](https://react.i18next.com/) for example, you can use [simple HTML elements like `<br />` and others](https://react.i18next.com/latest/trans-component#usage-with-simple-html-elements-like-less-than-br-greater-than-and-others-v10.4.0):

```jsx
<Trans i18nKey="welcomeUser">
  Hello <strong>{{name}}</strong>. <Link to="/inbox">See my profile</Link>
</Trans>
// JSON -> "welcomeUser": "Hello <strong>{{name}}</strong>. <1>See my profile</1>"

<Trans i18nKey="multiline">
  Some newlines <br/> would be <br/> fine
</Trans>
// JSON -> "multiline": "Some newlines <br/> would be <br/> fine"
```

For [locizify](https://github.com/locize/locizify), you might use different content on [merged elements](https://github.com/locize/locizify#merge-content--use-html-inside-your-translations) (there might be limitations):

```html
<p merge>
  all inside will be used as on segment, even if having other
  <a>elements inside</a>
</p>

// key = all inside will be used as on segment, even if having other
<a>elements inside</a>
```

For plain HTML, you will have to append the translation to the html element as `innerContent`.

So, really depends on where the string gets rendered and with what technology.
