reactjs - How to set word break in span in css

Question

I am using the radio buttons but the label beside the radio button is too long for the fixed screen. So some part of text is not showing. I tried word-break:break-word but it doesnt work. Currently the code is

<label class="ant-radio-wrapper"><span class="ant-radio"><input type="radio" class="ant-radio-input" value="1"><span class="ant-radio-inner"></span></span><span>Comté Réserve PDO 36-42 Months Old 200g</span></label>

and it looks like

How to fix this? Thanks in advance

question from:https://stackoverflow.com/questions/65600348/how-to-set-word-break-in-span-in-css

Answer 1

This one is easy. You can put a tag break <br> inside tag span to break the line.