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

回答編集履歴

1

修正

2017/08/07 20:59

投稿

s8_chu
s8_chu

スコア14731

answer CHANGED
@@ -7,14 +7,10 @@
7
7
  <title>タイトル</title>
8
8
  <style type="text/css">
9
9
  .news_list {
10
- overflow-y: auto;
11
-
12
10
  width: 660px;
13
11
  max-height: 220px;
14
12
  margin-bottom: 30px;
15
-
16
13
  list-style: none;
17
-
18
14
  background: grey;
19
15
  }
20
16
 
@@ -38,18 +34,14 @@
38
34
 
39
35
  .parent {
40
36
  line-height: 50px;
41
-
42
37
  display: inline-block;
43
-
44
38
  height: 50px;
45
39
  }
46
40
 
47
41
  .news_item_category {
48
42
  width: 8%;
49
-
50
43
  text-align: center;
51
44
  vertical-align: middle;
52
-
53
45
  border-radius: 5px;
54
46
  background-color: beige;
55
47
  }
@@ -58,7 +50,6 @@
58
50
  width: 75%;
59
51
  margin-left: 100px;
60
52
  }
61
-
62
53
  </style>
63
54
  </head>
64
55
  <body>
@@ -66,11 +57,17 @@
66
57
  <ul class="news_list">
67
58
  <li class="news_item">
68
59
  <a href="#">
69
- <time datetime="2015-01-21" class="news_item_time">2015.1.21</time>
60
+ <time datetime="2015-01-21" class="news_item_time">
61
+ 2015.1.21
62
+ </time>
70
63
  <span class="parent">
71
- <span class="news_item_category">TOPIC</span>
64
+ <span class="news_item_category">
65
+ TOPIC
66
+ </span>
72
67
  </span>
73
- <span class="news_item_ttl">CSSでここまでできる?!</span>
68
+ <span class="news_item_ttl">
69
+ CSSでここまでできる?!
70
+ </span>
74
71
  </a>
75
72
  </li>
76
73
  </ul>