The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

> Text going off screen when enlarged
ihikebc
post Dec 1 2021, 10:26 PM
Post #1





Group: Members
Posts: 2
Joined: 1-December 21
Member No.: 28,186



Hi, all!

I am not very good with html, please help. I have a website, and when the text gets enlarged, some of it goes off the screen on the right side. To see an example, try to enlarge text on this page http://ihikebc.com/trips/2009/trip001LighthousePark.htm Yet, on some professional websites the text gets bigger and bigger, but doesn't go off the screen, such as here https://www.espn.com/nfl. Is there an html tag which can fix that? Thank you in advance!
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
 
Reply to this topicStart new topic
Replies
ArCs Cyber
post Jan 5 2022, 11:23 AM
Post #2


Newbie
*

Group: Members
Posts: 10
Joined: 5-January 22
Member No.: 28,216



Hello ihikebc,

There are so many solutions for this overflow problem.

You can use CSS to wrap the text

Assume that you have a long paragraph and you want to wrap its text so that it does not go off the screen you do it like this

CODE

<p style="word-wrap:break-word">very very long paragraph</p>


Hope it helps.!
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Posts in this topic


Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 27th April 2024 - 06:32 AM