３つのPを右横並びにしたい

実現したいこと

３つのPを右横並びにしたい
このサイトの使い方がわからない

▲▲機能を動作するようにする

前提

ここに質問の内容を詳しく書いてください。
text-align:right;で右寄せはできたけど横並びができない

（例）
TypeScriptで●●なシステムを作っています。
■■な機能を実装中に以下のエラーメッセージが発生しました。

発生している問題・エラーメッセージ

エラーメッセージ

該当のソースコード

ソースコード

試したこと

float:right;
float:left;

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

2023/03/16 20:50

こちらの質問が複数のユーザーから「調査したこと・試したことが記載されていない質問」という指摘を受けました。

回答2件

ベストアンサー

float の場合は width も指定する必要があります。いまどきは display: flex や display: grid を使います。

html
1<div>
2<p style="float:left; width:33%">私はまず「精神的に向上心のないものは馬鹿ばかだ」といい放ちました。これは二人で房州を旅行している際、Ｋが私に向って使った言葉です。</p>
3<p style="float:left; width:33%">私はまず「精神的に向上心のないものは馬鹿ばかだ」といい放ちました。これは二人で房州を旅行している際、Ｋが私に向って使った言葉です。</p>
4<p style="float:left; width:33%">私はまず「精神的に向上心のないものは馬鹿ばかだ」といい放ちました。これは二人で房州を旅行している際、Ｋが私に向って使った言葉です。</p>
5</div>

html
1<div style="display:flex">
2<p>私はまず「精神的に向上心のないものは馬鹿ばかだ」といい放ちました。これは二人で房州を旅行している際、Ｋが私に向って使った言葉です。</p>
3<p>私はまず「精神的に向上心のないものは馬鹿ばかだ」といい放ちました。これは二人で房州を旅行している際、Ｋが私に向って使った言葉です。</p>
4<p>私はまず「精神的に向上心のないものは馬鹿ばかだ」といい放ちました。これは二人で房州を旅行している際、Ｋが私に向って使った言葉です。</p>
5</div>