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>