[Webinar] Learn how to a build a cloud-first strategyRegister Now

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 425
  • Last Modified:

How to make text line break in a container using html5 and css3

I have software that generates html5 code by way of a script.

I don't know how to set up my template to keep text from running past
the end of the container.

Please show me what I have to add to my templater:

<div align="center">
                  <table width="450">
                  <tr>
                  <td style="text-align:left; vertical-align: top; font-size: 14;"><b>Full Screen Dynamo best yetxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx<br>
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx<br>
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx<br>
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx<br>
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx<br>
</b></td>
                  
                  </tr>
                  </table>
                  </div>
The line breaks here were created by entering return key
The html which is producing the improper results is attached

Thanks in advance,
Isaac
0
TechIsaac
Asked:
TechIsaac
1 Solution
 
fiboCommented:
B-) can you post the html code?

What do you mean exactly by The line breaks here were created by entering return key?

Remember that consecutives "white spaces" are rendered in html as a single space. White space= spaces, tabs, returns, etc.
0
 
TechIsaacIT Contracting Author Commented:
I solved the problem by using:

word-wrap: break-word;

Thanks for you r attention
0

Featured Post

Free Tool: IP Lookup

Get more info about an IP address or domain name, such as organization, abuse contacts and geolocation.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now