• ベストアンサー

CSSにてtr内でtdを縦並びにする

<table> <tr> <th>th</th> <td>td</td> </tr> </table> thとtdが横に並ぶと思うのですが、 どうにかCSSで縦に並べることってできませんでしょうか?? 変な質問かと思いますがどなたかどうぞよろしくお願い致します。

質問者が選んだベストアンサー

  • ベストアンサー
  • blanc210
  • ベストアンサー率55% (5/9)
回答No.1

こんな感じでしょうか。。 <html> <head> <style type="text/css"> table{ position:relative; } table th{ height:50px; position:absolute; border:#CCCCCC 1px solid; padding:0; margin:0; font-weight:normal; } table td{ height:50px; position:absolute; top:54px; padding:0; margin:0; border:#CCCCCC 1px solid; } </style> </head> <body> <table> <tr> <th>th</th> <td>td</td> </tr> </table> </body> </html>

poyon8989
質問者

お礼

ありがとうございます。助かりました!!