HTML Text should fit to the screen

Question

How to write the HTML code for displaying the text in the webpage which should fit to the screen? I tried to write HTML code for that, but it doesn't show me the content within the screen. Simply it extends the screen width and make the scrollbar in the footer till the text ends.

E.g

<body>
Lorem ipsum dolor sit amet, convallis nec fermentum mauris at ut ipsum, velit lobortis netus phasellus, tincidunt suscipit, pede fusce neque, et ipsum in ac aenean. Vulputate id, in odio, aliquam libero rutrum integer sit turpis, laborum id duis wisi vel, volutpat amet morbi in.</body>

These many of lines should fit to the screen, it should not create any horizontal scrollbar.

You should probably read the rules before asking but try adding width: 100% to your body element (inline or block css) — Konstantinos Koletsas, Jun 15 '16 at 12:37
[Duplicate](http://stackoverflow.com/questions/8990999/have-text-scale-up-in-size-to-fit-the-container)? — Stacked, Jun 15 '16 at 12:40

score 1 · Answer 1 · edited Oct 14 '22 at 00:42

You should use css word wrap property..

p.test {
    word-wrap: break-word;
}

Here p is your element of html in which you wrote the code and test is the class...

p.test {
    word-wrap: break-word;
}

<p class="test">
  sadasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasassaddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddsaddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddsad
  </p>

A opposed to

<p class="test">
  sadasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasassaddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddsaddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddsad
  </p>

score 0 · Answer 2 · answered Jun 15 '16 at 12:35

Put your content in div and provide width to that div. For eg.

    <div style="width: 100px">
      sadasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasassaddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddsaddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddsad
    </div>

HTML Text should fit to the screen

2 Answers2