質問編集履歴
1
cssライブラリの追記 コードブロックに変更
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -3,10 +3,15 @@
|
|
|
3
3
|
HTML,CSSのコーディングを行い、レシピサイトを作成しています。[出力された時の画像](https://gyazo.com/27b8e4bf557af46526519fbb5e5c8305)
|
|
4
4
|
画像のh2にあたる”本場イタリアのカルボナーラの秘密”及び、pにあたる”テキストテキストテキストテキスト...”の部分に余白ができてしまいます。検証を行うと画像のようにmargin-rightの余白である可能性は考えられるのですが、ボックスモデルを見るとmargin-rightの設定がされていません。これらの情報で解決方法があれば教えてください。[求めている出力の画像](https://gyazo.com/de74d1644348939ebbd7031d0630c02d)
|
|
5
5
|
|
|
6
|
+
cssライブラリ
|
|
7
|
+
[normalize](http://necolas.github.io/normalize.css/)
|
|
8
|
+
[skeleton.css](http://getskeleton.com/)
|
|
9
|
+
|
|
6
10
|
### 該当のソースコード
|
|
7
11
|
|
|
8
12
|
**HTML ファイル名 column-list.html
|
|
9
13
|
ソースコード**
|
|
14
|
+
```HTML
|
|
10
15
|
<!DOCTYPE html>
|
|
11
16
|
<html lang="ja">
|
|
12
17
|
<head>
|
|
@@ -124,6 +129,7 @@
|
|
|
124
129
|
</footer>
|
|
125
130
|
</body>
|
|
126
131
|
</html>
|
|
132
|
+
```
|
|
127
133
|
|
|
128
134
|
|
|
129
135
|
|
|
@@ -132,7 +138,9 @@
|
|
|
132
138
|
|
|
133
139
|
|
|
134
140
|
**css ファイル名：style.css 長いので該当するページに適応したcssのみ示します。
|
|
141
|
+
```css
|
|
142
|
+
|
|
135
|
-
|
|
143
|
+
/*column-list*/
|
|
136
144
|
.column_text{
|
|
137
145
|
font-size: 30px;
|
|
138
146
|
padding-left: 5%;
|
|
@@ -165,6 +173,7 @@
|
|
|
165
173
|
width: 60%;
|
|
166
174
|
}
|
|
167
175
|
|
|
176
|
+
```
|
|
168
177
|
|
|
169
178
|
|
|
170
179
|
### 試したこと
|