html button text css

hi how do I make the value of a button with long words go into a newline instead of stretching one long line in html?

eg i am a very long button

to

i am a
very long
button

 

Hmmm, I never tried that. Simple br tags don't do the trick. But this guy has a solution:

http://www.cs.tut.fi/~jkorpela/forms/imagebutton.html

 

Excuse my ignorance but, what difference does it make?

 

did you try with
i am a
very long
button

<button type="submit">i am at<br>very long<br>button</button>

 

it works burner. thanks

 

no, its incorrect.
If you want a text to break lines automatically, use this css style:

<style type="text/css">
#text {
width: 200px;
}
</style>

<p id="text>This is a long text which will be broken after it reaches 200 pixels of width</p>
Or you can use <div id="text">blah blah</div>

 

ok even though it works i need to get the value of the button and when i test it the value ignores the <br/> tag.