<p>を3つ横に並べるには

Question

<p>a</p>
<p>b</p>
<p>c</p>

この３つをよこならびにするにはどうすればいいですか
できればflexboxで
追記
<i>タグのアイコンとも一緒に並べたいです

Comments

[m.ts10806]

まず自分でやりませんか？
作業依頼をうけるサイトではありません
ガイドライン「質問するときのヒント」熟読してください。
丸投げ質問として低評価しました。

[taiyakix]

本当に。これだけかんたんな質問を

[gizmodo]

申し訳ないです

[m.ts10806]

謝るのではなく改善してください。
質問は編集できます。
それに回答についたコードで出来たとして、自身が理解してなきゃ無意味です(回答してくれた人に失礼)

Answer 1

<style>
#wrap{display:flex}
</style>
<div id="wrap">
<p>a</p>
<p>b</p>
<p>c</p>
</div>

Comments

[taiyakix]

display: flexだけで横並びになるとは知りませんでした

[sasnight]

一見質問の条件は満足しているように思えますが、なぜ低評価なのでしょうか？
高評価を押したいですが、低評価の理由がわからないまま評価をするのは少し気が引けます。

[yambejp]

あとはどう並べたいか次第です
間隔をどうしたいとか余白をどうしたいとか・・・

[gizmodo]

回答ありがとうございます

[m.ts10806]

sasnightさん
評価はあくまで個人主観でいいと思います。

Answer 2

<div class="f-container">
	<div class="f-item"></div>
	<div class="f-item"></div>
	<div class="f-item"></div>
</div>

3つの<div>に<p>を入れてみてください
そしてcssを指定

.f-container {
	flex-diretion: row;
        display: flex;
}

より詳しくはこちらを見てください