제출 형식 입력에 단어 감싸기 : 단어 분리를 설정할 수 있습니까?

Question

submit<input/>에 CSS word-wrap: break-word을 적용 할 수 있습니까?

Ive는 CSS를 적용했지만 예상 한 바를 수행하지 않았습니다. 내 제출 입력 줄 바꿈 앞에 오는 제목 주위에 만들려고.

this fiddle의 경우 입력 또는 링크의 제목을 줄 바꿈 할 수 있습니까? 그래서 나는 단추와 링크의 첫 단어가 표제와 같은 줄에 있고 다음 단어가 다음 줄로 떨어지길 원한다.

<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; 
} 

Answer 1

내가 텍스트하지만 전체 버튼뿐만 아니라 선을 중단 할 필요가 있기 때문에이, <input type="submit"/>에 value 속성 수 없습니다 생각합니다. 이것이 어떻게 작동하는지 상상할 수는 없습니다. 물론 단추 내부에는 줄 바꿈이 있습니다 (How to wrap text of html button with fixed width).

하지만 당신은 그들을 떠없이 제목과 앵커 inline 모두 표시하여 <a/>에서이 작업을 수행 할 수 있습니다 :

h3, a { 
    display: inline; 
} 

Here is a demo합니다.