Q&A
displaytableで2カラムを行うためにはどうすれば良いでしょうか？
HTML
1<!doctype html> 2<html> 3<head> 4<title></title> 5</head> 6<body> 7</body> 8</html>
回答1件
0
ベストアンサー
このようなきょどうでしょうか？
HTML
1<!DOCTYPE html> 2<html lang="ja"> 3<head> 4 <meta charset="utf-8"> 5 <title>タイトル</title> 6 <style type="text/css"> 7 * { 8 margin: 0; 9 padding: 0; 10 } 11 12 .table { 13 display: table; 14 } 15 16 .rows { 17 display: table-row; 18 } 19 20 .right_left { 21 display: table-cell; 22 border: 1px solid black; 23 width: 50%; 24 } 25 </style> 26</head> 27<body> 28<section class="table"> 29 <div class="rows"> 30 <p class="right_left"> 31 テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト 32 </p> 33 <p class="right_left"> 34 テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト</p> 35 </div> 36</section> 37 38</body> 39</html>
投稿2017/02/26 10:22
総合スコア14731
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。