質問編集履歴
1
図説の追加
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -1,10 +1,9 @@
|
|
|
1
1
|
###■やりたいこと
|
|
2
|
-
４つの要素が横一列に並ぶ状態
|
|
2
|
+
４つの要素が横一列に並ぶ状態を、２列×２行とか、４列×２列にしたいです。
|
|
3
|
+
このような並び方↓です。
|
|
3
|
-
|
|
4
|
+
|
|
5
|
+
このようにするためのCSSは、下記にあるいまの状態の【style.css】をどのように変えればよさそうでしょうか？
|
|
4
6
|
|
|
5
|
-
そのような場合、CSSで指示するのでしょうか？
|
|
6
|
-
それともphpからでしょうか？
|
|
7
|
-
|
|
8
7
|
具体的なコードでなく、ヒントでもうれしいです。
|
|
9
8
|
よろしくお願いいたします。
|
|
10
9
|
|
|
@@ -14,7 +13,7 @@
|
|
|
14
13
|
|
|
15
14
|
コードは下記のように書いています。
|
|
16
15
|
|
|
17
|
-
|
|
16
|
+
【single.php】
|
|
18
17
|
```php
|
|
19
18
|
<!-- 関連記事 -->
|
|
20
19
|
<div class="test1rand-wrap">
|
|
@@ -49,7 +48,7 @@
|
|
|
49
48
|
</div>
|
|
50
49
|
```
|
|
51
50
|
|
|
52
|
-
|
|
51
|
+
【style.css】
|
|
53
52
|
```css
|
|
54
53
|
/*-- 関連記事 --*/
|
|
55
54
|
ul.test1rand {
|