tableで2カラム

displaytableで2カラムを行うためにはどうすれば良いでしょうか？

HTML
1<!doctype html>
2<html>
3<head>
4<title></title>
5</head>
6<body>
7</body>
8</html>

行動規範の内容に同意します

回答1件

ベストアンサー

このようなきょどうでしょうか？

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>