Q&A
最低限このまま見れるように動作確認はしてください。あきらかなミスがあります。
###質問内容
divクラスとsponeタグでbuttonを設置しましたが、縦一列になってしまいます。
横に表示させたい場合はどうしたらいいのですか？
###コード
HTML
1 2<div class="button block button2><div class="button-content" 3> 4 <a href="http://l5v" rel="nofollow" target="_blank"> 5 <span class="button-text">LINE@</span> 6 </a> 7 </div> 8</div> 9 10 11<div class="button block button-02"> 12 <div class="button-content"> 13 <a href="/nakama" rel="nofollow" target="_blank"> 14 <span class="button-text">会員はこちらです❗</span> 15 </a> 16 </div> 17 18 </div> 19 </div> 20 </div>
過去の質問について、「解決済」になっていないものが多数見受けられます。解決したものは「ベストアンサー」を選び、自力で解決した場合はその方法を解答欄に書き、もし万が一解決していないのであれば質問を編集するなどしてみてください。
回答4件
0
sponeタグとはなんでしょう？
そもそも書かれてるHTMLの構造がおかしいので、ならべる前にまず構造を見直されたほうが良いです。
また、HTMLはCSSで見た目をコントロールします。その提示が無いということは作成されていないのでしょうか。その場合、書店等で入門書を数冊買って勉強されることをお勧めします。
投稿2017/03/26 12:16
総合スコア69400
0
floatを使ってなんとかしてください。これ以上言っても放置されることが、目に見えてるので後はご自由にどうぞ。
投稿2017/03/26 12:00
総合スコア2050
0
ベストアンサー
どんなCSSが適用されているか分かりませんが
divはブロック要素でありデフォルト幅100%なので
何も指定しなければ1行ずつ縦に並ぶでしょう。
同じdiv内に記述するかdivに幅を指定してfloatするとか…
投稿2017/03/26 11:53
総合スコア1857
0
div要素にこだわらなければ、簡単な方法は div を span に置き換えることです
div ブロック要素 ... 改行する
span インライン要素 ... 改行しない
投稿2017/03/26 13:16
退会済みユーザー
総合スコア0
あなたの回答
tips
プレビュー
