質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.37%
Ruby

Rubyはプログラミング言語のひとつで、オープンソース、オブジェクト指向のプログラミング開発に対応しています。

Ruby on Rails

Ruby on Railsは、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。

Q&A

解決済

1回答

1344閲覧

listが、ズレてしまう。【Rails・CSS】

kazuki_user

総合スコア147

Ruby

Rubyはプログラミング言語のひとつで、オープンソース、オブジェクト指向のプログラミング開発に対応しています。

Ruby on Rails

Ruby on Railsは、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。

0グッド

0クリップ

投稿2020/06/06 06:24

編集2020/06/06 06:25

ドットインストールでrailsを学んでいます。
『コメント投稿』の2つ目から、リストがずれてしまいます。(下記、画像参照)

イメージ説明


下記、CSS全文です。

CSS

1.container { 2 width: 400px; 3 margin: 20px auto; 4} 5 6body { 7 font-family: Verdana, sans-serif; 8 font-size: 17px; 9} 10 11h2 { 12 font-family: serif; 13 font-style: italic; 14 padding-bottom: 7px; 15 border-bottom: 3px solid rgb(26, 55, 141); 16 font-size: 20px; 17} 18 19ul > li { 20 margin-bottom: 5px; 21} 22 23.logo { 24 width: 140px; 25 height: 140px; 26} 27 28.header-menu { 29 font-size: 19px; 30 font-weight: normal; 31 float: right; 32} 33 34input, textarea { 35 box-sizing: border-box; 36 width: 400px; 37 padding: 5px; 38} 39 40textarea { 41 height: 160px; 42} 43.error { 44 font-size: 12px; 45 font-weight: bold; 46 color: brown; 47} 48 49.command { 50 font-size: 12px; 51} 52 53h3 { 54 font-size: 14px; 55 padding-top: 25px; 56} 57 58--- 59

display: inlinelist-style: none;をCSSにて試しましたが、
コメント1にのみ反映されるみたいです。

解決策を教えて頂けると嬉しいです。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

自己解決

show.htmlにて、『ifのend』が、『/ul』の下に記述されていた。
➡『/li』の直下にすべき。

投稿2020/06/06 07:10

kazuki_user

総合スコア147

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.37%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問