how to break a line in HTML?

Question

Hi

i want to break a line when it reach the fixed with div IMPORTANT no spaces in the text


ex:

abcdefghijklmnopqurst

if the width of the div is 10px means after reach the next charter starts from next line


any idea plz

Thanks in advances.

Answer 1

Depending on the exact effect you want you could use either the shy hyphen or thin space entities or as someone else suggested a zero width space.



If you use a zero width space the shortest markup is to use a single letter tag such as b and give it a style. To avoid having all text marked b disappear, set it up as in the example below so that it only applies inside your narrow divs.

Narrow divs - no joiners

abcdefghijklmnopqurst

abcdefghijklmnopqurst

Narrow divs - ­ as joiner

a­b­c­d­e­

f­g­h­i­j­k­

l­m­n­o­p­q­

u­r­s­t

a­b­c­d­e­

f­g­h­i­j­k­

l­m­n­o­p­q­

u­r­s­t

Narrow divs -   as joiner

a b c 

d e f g 

h i j k 

l m n o 

p q u r 

s t

a b c 

d e f g 

h i j k 

l m n o 

p q u r 

s t

Narrow divs - zero size bold space as joiner

Answer 2

IS NOT what you are looking for!

I don't think that it is possible to get a div container to break a unseperated string of text by its own.

you could try an put a whitespace behind each character and format them to width 0.

so css has possible breakpoints and with a width of 0 the user shouldn't see a difference to the unseperated string.

Answer 3

i have 2 solution



1)

abcdefghijklmnopqurst

2) this -> rather difficult and not recomendded

abcd


efghi


jklmn


opqur


st

Answer 4

Hello kadarkar

hay try the
tag , it is generally used to break the text in html programs.

Answer 5

use
tag to break a line