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

回答編集履歴

4

回答の追記

2025/10/04 12:08

投稿

hiroki-o
hiroki-o

スコア1642

answer CHANGED
@@ -16,6 +16,7 @@
16
16
  ```
17
17
  (追記)
18
18
  斜線は、文字でいいと思います。
19
+ CSSから、.other .new::before、.other .new::afterは削除します。
19
20
  ```html
20
21
  <section class="other"> <h4 class="new">\ NEW /</h4>
21
22
  ```

3

Markdownの修正

2025/10/04 11:48

投稿

hiroki-o
hiroki-o

スコア1642

answer CHANGED
@@ -16,13 +16,13 @@
16
16
  ```
17
17
  (追記)
18
18
  斜線は、文字でいいと思います。
19
- ```HTML
19
+ ```html
20
20
  <section class="other"> <h4 class="new">\ NEW /</h4>
21
21
  ```
22
22
  (さらに追記)
23
23
  ボタンの右寄せも、`NEW`のセンタリングと考え方は同じです。
24
24
  親要素を追加します。
25
- ```HTML
25
+ ```html
26
26
  <div class="button-wrapper">
27
27
  <button class="more"><a href="#"><div class="mottomiru">もっと見る<i class="fa-solid fa-arrow-right"></i></div></button>
28
28
  </div>

2

回答の追記

2025/10/04 11:42

投稿

hiroki-o
hiroki-o

スコア1642

answer CHANGED
@@ -18,4 +18,23 @@
18
18
  斜線は、文字でいいと思います。
19
19
  ```HTML
20
20
  <section class="other"> <h4 class="new">\ NEW /</h4>
21
+ ```
22
+ (さらに追記)
23
+ ボタンの右寄せも、`NEW`のセンタリングと考え方は同じです。
24
+ 親要素を追加します。
25
+ ```HTML
26
+ <div class="button-wrapper">
27
+ <button class="more"><a href="#"><div class="mottomiru">もっと見る<i class="fa-solid fa-arrow-right"></i></div></button>
28
+ </div>
29
+ ```
30
+ ```CSS
31
+ .button-wrapper{
32
+ text-align: right;
33
+ }
34
+
35
+ .other-article .button-wrapper .more{
36
+ margin-top: 10px;
37
+ margin-bottom: 8px;
38
+ border: #999 1px solid;
39
+ }
21
40
  ```

1

回答の追記

2025/10/04 11:00

投稿

hiroki-o
hiroki-o

スコア1642

answer CHANGED
@@ -13,4 +13,9 @@
13
13
  font-weight: 600;
14
14
  margin-bottom: 2rem;
15
15
  }
16
+ ```
17
+ (追記)
18
+ 斜線は、文字でいいと思います。
19
+ ```HTML
20
+ <section class="other"> <h4 class="new">\ NEW /</h4>
16
21
  ```