質問: ### 前提・実現したいこと 作成中のwebページにタグを使用して見出し領域を設けています。 左寄せでページのタイトルを表記していますが、この領域内の右端に 別ページへのリンクを置きたいのです。 (イメージ) ―――――――――――――――――――――――――― タイトル リンク ―――――――――――――――――――――――――― (現状) ―――――――――――――――――――――――――― タイトル ' リンク ―――――――――――――――――――――――――― 普通にタグ記載では左寄せ状態になってしまうため、を入れ子にしてタグを囲い、 align="RIGHT"属性を記述したら右端に配置されましたが、改行されていてしまいます。 改行せずに右寄せにするには、どのように記述すればよいのかをご教示お願いします。 ### 該当のソースコード ``` div.title{ padding: 12px; font-size:36px; color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,0.75); background: linear-gradient(#325A8C 0%, #1C3959 100%); border:1px solid #325A8C; box-shadow:inset 1px 1px 0 rgba(255,255,255,0.25); font:"メイリオ",sans-serif; } ``` ``` webページタイトルリンク ```
回答: [div]はブロックレベル要素のため、そのCSSだけでは対応できません。 下記のように変更してみてください。 ``` webページタイトルリンク ``` 調整等も含めて「html 横並び」と調べてみると色々とわかるかと思います。