Set line height in the
tag - JSX element

Asked Dec 17 '22 at 12:19

Active Dec 18 '22 at 01:34

Viewed 41 times

I know the standard HTML for how to set line-height <br style="line-height: 200%;"> in the <br> tag, but in the react JSX elements, I am not sure how to set it.
Below is the code I've tried, but it doesn't increase the height. I want actual results that can increase the height of the element.

<>
<br style={{lineHeight: 60}} />
</>

Hope someone can guide me on how to solve it. Thank you.

edited Dec 18 '22 at 01:34

Plantt

asked Dec 17 '22 at 12:19

Fatt Sky

try ```
``` usually styles in JSX follow this pattern ```attribute:"value"``` – nima Dec 17 '22 at 12:42
The code you entered works fine for me. Is the line height style shown in the dev tools? – Ahmed Sonbaty Dec 17 '22 at 12:43
@nima I tried your method also doesn't work – Fatt Sky Dec 17 '22 at 12:50
1

@FattSky It may be because of using nesting Tags. If you want to change lineHeight, you must change the style of the parent Tag. example: ```

```
– nima Dec 17 '22 at 13:11

Set line height in the tag - JSX element

0 Answers0

Set line height in the
tag - JSX element