how to manage your text from getting overflow from div? how i can attach html and css file in sololearn?

Question

html:

<div class="aboutus" id="AU">
<div class="aboutusinfo">
<h3>3 DECADES OF MEDICAL EXPERIENCE</h3>
<ul>
<li>it is not only aims to cure the disease but at the same times aims at
maintaining the overall healthy and enlightened lifestyle.</li>
<li>We at Aarogyadham, from last 3 decades, are with you at every step of illness and complete
wellness.</li>
<li>We have povided authentic health services for all kinds of chronic diseases and conditions such
as cold,diabetes,arthritis,stress,spondylitis and among others.</li>
<li>Our various speciality therapies such as Pindasweda, Shirodhara,Swedana, Netradhara etc.. have
benefitted thousands.</li>
<li>Aarogyadham Multispeciality Hospital combines the ancient traditions with modern technology
giving you the confidence and fighting power to conquer diseases without operations.</li>
</ul>
</div>
<div class="aboutusimg">
<div class="aboutusimg one"><img src="Shirodhara.jpeg" alt="">
<p>Shirodhara</p>
</div>
<div class="aboutusimg two"><img src="Swedana.jpeg" alt="">
<p>Swedana</p>
</div>
<div class="aboutusimg three"><img src="Pindasweda.png" alt="">
<p>Pindasweda</p>
</div>
<div class="aboutusimg four"><img src="Netradhara.jpeg" alt="">
<p>Netradhara</p>
</div>
</div>
</div>

i have css file also but dont know how to attach it.
i want your help guys to make it responsive on left info and on right those four images in desktop view and in mobile view it will be top on each other.

Answer 1

Hi,
To manage that use the property: word-wrap
To avoid that your text overflowing from div use :
word-wrap: break-word; in css.

You can publish your code as web so , you can put your css in css section,html in html section and sololearn will automatically recognize that your html has a css without using link element.

Answer 2

Thankyou for your recommendation

Answer 3

To attach a css file to html you want to place it inside the head section and write <link href="SourceFolderIfThereIs/fileName.css del="stylesheet">

Answer 4

If the text is overflowing from your div ,I recommend setting the text width to a value like max-width:50% or something bigger or smaller depending on your need . You can also set the overflow x of the div to hidden so any element passing the div width is will hidden.