teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

5

本文修正

2020/09/08 10:48

投稿

study_111
study_111

スコア82

title CHANGED
File without changes
body CHANGED
@@ -1,4 +1,4 @@
1
- 2つの要素を左右に設置し、真ん中に区切り線を設置したいのですが、うまく設置すること出来ません
1
+ 2つの要素を左右に設置し、真ん中に区切り線を設置したいのですが、方法分からないです
2
2
  具体的には、下記の画像のようにしたいと考えています。
3
3
  ![イメージ説明](dde888726531c9bbac925db11a4e290b.png)
4
4
 

4

文法修正

2020/09/08 10:48

投稿

study_111
study_111

スコア82

title CHANGED
File without changes
body CHANGED
@@ -1,4 +1,4 @@
1
- 2つの要素を左右に設置し、真ん中に区切り線を設置したいのですが、うまく置することが出来ません。
1
+ 2つの要素を左右に設置し、真ん中に区切り線を設置したいのですが、うまく置することが出来ません。
2
2
  具体的には、下記の画像のようにしたいと考えています。
3
3
  ![イメージ説明](dde888726531c9bbac925db11a4e290b.png)
4
4
 

3

本文修正

2020/09/08 10:43

投稿

study_111
study_111

スコア82

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

本文修正

2020/09/08 10:42

投稿

study_111
study_111

スコア82

title CHANGED
File without changes
body CHANGED
@@ -1,4 +1,4 @@
1
- 2つの要素を左右に設置し、真ん中に区切り線を設置したいのですが、うまいこと設置することが出来ません。
1
+ 2つの要素を左右に設置し、真ん中に区切り線を設置したいのですが、うまく配置することが出来ません。
2
2
  具体的には、下記の画像のようにしたいと考えています。
3
3
  ![イメージ説明](dde888726531c9bbac925db11a4e290b.png)
4
4
 

1

本文修正

2020/09/08 10:40

投稿

study_111
study_111

スコア82

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">テスト</p>
8
+ <p class="name">データ</p>
9
9
  <div>
10
10
  <p>test</p>
11
11
  <p>項目1:数学</p>