Q&A
コピペで動くコードしか受け付けないというスタンスはそろそろ改められた方が。
作業依頼を続けているような状態ですよ。ずっと。質問じゃないです。
<!doctype html> <head><link rel="stylesheet" type="text/css" href="a.css"></head> <body> <header> <div class="topbar"> </div> <div class="display"> <div class="leftimg"> <img src="con.gif"> </div> <div class="rightobject"> <ul> <li><img src="megane.gif">検索</li> <li><img src="world.gif>Japan</li> <li><p>日立グループの</p><p>製品・サービス</p></li> <li><p>日立グループの</p><p>企業情報</p></li> </ul> </div> </div> </header> </body> </html>
<li><img src="megane.gif">検索</li> のgifのイメージと 検索という文字列が、縦に並んでいます。どうすれば、横並びになりますでしょうか。body { padding:0; margin:0; } .topbar { margin:0; height:5px; width:100%; background-color:red; border:black; } .display { display:flex; } .leftimg { margin-left:45px; margin-top:5px; width:100px; } .rightobject { margin-left:700px; width:15px; }
> <li><img src="megane.gif">検索</li>のgifのイメージと 検索という文字列が、縦に並んでいます。どうすれば、横並びになりますでしょうか。
縦並びになりますか？どのツールで確認されたのでしょうか？
もしかして、teratailで得た回答だけでサイト構築する、みたいなチャレンジか何かをされていますか？
megさんchromeです。
chromeで再現しなかったです。
回答2件
0
.rightobject のwidthが15pxしかなく、画像＋テキストが15pxの中に納まりきってないからですね。
横幅変更したら一応横並びになると思いますよ。
投稿2021/03/05 12:23
編集2021/03/05 12:37総合スコア272
0
ベストアンサー
.rightobjectの設定がおかしすぎませんか？
margin-left:700pxもダメだし、width:15pxも変
投稿2021/03/05 11:19
総合スコア116694
あなたの回答
tips
プレビュー
