html - Can I set word-wrap:break-word to input of type submit? -


can css word-wrap: break-word applied <input/> of type submit?

ive applied css not doing isnt expected. im trying make submit input wrap around heading comes before it.

for this fiddle, can input or link wrap heading? want first word of button , link on same line heading , next word drop down next line.

<div class="cont">      <div>         <h3>heading</h3>         <input type="submit" id="edit-remove" value="remove room" class="form-submit">     </div>      <div class="clear"></div>      <div>         <h3>heading</h3>         <a href="#">remove room</a>     </div>      <div class="clear"></div>  </div> 

css:

.clear {     clear: both; }  h3 {     float: left; }  a, input {     float: left;     display: inline; }  .cont {     background: grey;     width: 141px; } 

i think not possible value attribute on <input type="submit"/>, because not text whole button need break line. cannot imagine how should work. (of course, inside button can have line breaks: how wrap text of html button fixed width).

but can on <a/> displaying both headline , anchor inline without floating them:

h3, {     display: inline; } 

here demo.


Comments

Popular posts from this blog

blackberry 10 - how to add multiple markers on the google map just by url? -

php - guestbook returning database data to flash -

delphi - Dynamic file type icon -