td 태그 안에 폼을 가로로 배치하는 방법

Question

다른 URL에 연결되는 버튼을 배치하고 싶습니다. 버튼마다 폼 하나씩 사용해야 다른 URL을 가질 수 있습니다. 문제는 단추가 td 내부에 세로로 표시된다는 것입니다. 나는 그것들을 수평 적으로 보는 것을 좋아한다. 어떤 제안? float : left 및 display : td 태그의 인라인 블록이 작동하지 않습니다. 이 테이블 내부에 충분한 공간이있다, 그래서 당신은 테이블이 2 개 형 콘텐츠의 결합 폭보다 넓은 폭 할 경우 작동 양식에 대한 float: left를 사용

<table><tr> 
    <td> 

    <form action = "page1.html"> 
     <button type="submit" name="btn1">btn1<button> 
    </form> 

    <form action = "page2.html"> 
     <button type="submit" name="btn2">btn2<button> 
    </form> 

    </td> 
</tr> 
</table> 

Answer 1

지금 스타일 = "디스플레이 : 인라인 블록"뒀다 : 각 양식 태그와 스타일 =에서 "흰색

여기

table { 
    width: 100%; 
} 

form { 
    float: left; 
} 

가 작동 예입니다 -space : nowrap "을 입력하십시오. 그것은 작동합니다.

Answer 2

.

CSS :

https://jsfiddle.net/11x6art9/1/