logo

modern front end tech

word

in this chapter you are going to learn :-

how to add wordbreaks in html?

to add wordbreaks in html you can use the <wbr> tag, this tag is used to specify where in a text it would be ok to add a line-break if needed.

                
                    this is a long word that might need a <wbr>wordbreak
                
            

how to write asian texts in a english or other languages in html file

to write asian texts in a english or other languages html file you can use the <ruby> tag, this tag is used to display ruby annotations, which are small text annotations that are typically used to provide pronunciation or other information about a character or word.

                
                    <ruby>
                        漢 <rp>(kan)</rp><rt>かん</rt><rp>(kan)</rp>
                        字 <rp>(ji)</rp><rt>じ</rt><rp>(ji)</rp>
                    </ruby>
                
            

the above code will display the following text with ruby annotations:

                    (kan)かん(kan)(ji)(ji)
                    
                
our youtube channel