質問編集履歴
5
本文修正
title
CHANGED
File without changes
|
body
CHANGED
@@ -1,4 +1,4 @@
|
|
1
|
-
2つの要素を左右に設置し、真ん中に区切り線を設置したいのですが、
|
1
|
+
2つの要素を左右に設置し、真ん中に区切り線を設置したいのですが、方法が分からないです。
|
2
2
|
具体的には、下記の画像のようにしたいと考えています。
|
3
3
|

|
4
4
|
|
4
文法修正
title
CHANGED
File without changes
|
body
CHANGED
@@ -1,4 +1,4 @@
|
|
1
|
-
2つの要素を左右に設置し、真ん中に区切り線を設置したいのですが、うまく
|
1
|
+
2つの要素を左右に設置し、真ん中に区切り線を設置したいのですが、うまく設置することが出来ません。
|
2
2
|
具体的には、下記の画像のようにしたいと考えています。
|
3
3
|

|
4
4
|
|
3
本文修正
title
CHANGED
File without changes
|
body
CHANGED
@@ -32,6 +32,6 @@
|
|
32
32
|
|
33
33
|
``after``要素に``height``を設定してみましたが、「テスト」の文字がどんどん下がっていってしまい、``margin-left``を設定しても、バーが詰まってしまったような形であまり動かない状態です。
|
34
34
|
|
35
|
-
[jsfiddle](https://jsfiddle.net/ycfqz34k/10/)にて、動作確認可能な状態となっております為、こちら
|
35
|
+
[jsfiddle](https://jsfiddle.net/ycfqz34k/10/)にて、動作確認可能な状態となっております為、こちらよりご確認頂けましたら幸いです。
|
36
36
|
|
37
37
|
ご助言の程、よろしくお願いします。
|
2
本文修正
title
CHANGED
File without changes
|
body
CHANGED
@@ -1,4 +1,4 @@
|
|
1
|
-
2つの要素を左右に設置し、真ん中に区切り線を設置したいのですが、うま
|
1
|
+
2つの要素を左右に設置し、真ん中に区切り線を設置したいのですが、うまく配置することが出来ません。
|
2
2
|
具体的には、下記の画像のようにしたいと考えています。
|
3
3
|

|
4
4
|
|
1
本文修正
title
CHANGED
File without changes
|
body
CHANGED
@@ -5,7 +5,7 @@
|
|
5
5
|
以下は現時点で作成しているコードになります。
|
6
6
|
```html
|
7
7
|
<div class="info">
|
8
|
-
<p class="name">
|
8
|
+
<p class="name">データ</p>
|
9
9
|
<div>
|
10
10
|
<p>test</p>
|
11
11
|
<p>項目1:数学</p>
|