Question 231781 in Html Question posted in
Some basic documentation can be found here.

Html – how can I make this auto multiple line

how can I make this auto multiple line

im using html & css

Here is my code(i change a bit cuz some code is from php):

<div style='border: 1px solid; padding: 10px;margin-top: 5px;'>
    <h2 style='margin: 0'>Name&nbsp-&nbsp#id</h2>
    <hr>
    <span>ContentContentContentContentContentContentContentContentContentContentContentContent</span>
</div><br>

How can I trun these:

https://phpout.com/wp-content/uploads/2023/08/tUPpO.png

https://phpout.com/wp-content/uploads/2023/08/oCwuA.png

To this(auto skiped a line):

https://phpout.com/wp-content/uploads/2023/08/PQxJS.png

Tags:

2

Answers


  2. 0

    You can do this by adding word-wrap and/or overflow-wrap

    <div style='border: 1px solid; padding: 10px;margin-top: 5px; max-width:200px'>
    <h2 style='margin: 0'>Name&nbsp-&nbsp#id</h2>
    <hr>
    <span style='word-wrap: break-word; overflow-wrap: break-word;'>
        ContentContentContentContentContentContentContentContentContentContent</span>
</div><br>
    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search