margin 0 auto で中央寄せした要素３つに余白を設定はできる？

Question

margin 0 auto　で中央寄せした要素３つがありますが、３つともぴったりくっついてしまっています。これらに余白を設定して、もっと離れた感じにしたいのですがそのようなことはできますか？どのようにすればできますか？

Comments

[runnynose]

ソースコードがないと全然イメージできないです。
過去の質問を確認した限り、ちゃんとソースを載せて質問されているようなので、誤操作で投稿されたのだと察しますが。。。????

[m.ts10806]

html含め再現できるコードと実現したいイメージを提示されないことには推測や憶測でしか答えられないし要件不明瞭な丸投げなのでこれ以上進まないと思います。百聞は一見に如かず。あれこれ説明するよりコードと現状がひと目でわかる情報を。質問は編集できます。

[marlboro_tata]

こういうことなのかなー、と思いますが。例えば、下記リンク先のような量にコードを少なくして自分なりに関係する部分のCSSとHTMLを取り出して試行錯誤するのはいかがでしょうか？
https://codepen.io/ccc-labo/full/vYmNGwo
他の方が言うように、まず、ここまでやったけど、のコードがないと、的確な回答を得ることができないと思います。

Answer 1

質問間違いもありましたのでクローズしますすみません。

Answer 2

3つの要素のほうにmargin {0 20px}とか

Comments

[B_J]

ありがとうございます。ひとまず、できましたが、さらに問題が・・・。その３つを中央寄せにして、ブラウザを縮めていっても、中央寄せのままにしたいんですが、ある程度まで縮まると中央寄せにならなくなってしまい困っています。もっと縮まってから、レスポンシブ用の画面にしたいのですが・・・。
親要素にmargin: 0 auto;を設定し、その中身の子要素３つに、marginを設定したら３つの要素に余白はできたのですが・・・。
この場合どうすればいいか、一般的な回答でも構いませんので、ご教示くださることは可能でしょうか？

[B_J]

要素がブラウザを縮めるに従って、要素同士の幅も縮まってきて、スマホ対応のサイズになったら、レスポンシブが発動するって感じにしたいのですが・・・要素同士が縮まっていきません・・・

Answer 3

こういうことなのかな？？(数値は適当です)

.hoge {
  margin: 100px auto;
}

Comments

[B_J]

ありがとうございます。その３つを中央寄せにして、ブラウザを縮めていっても、中央寄せのままにしたいんですが、ある程度まで縮まると中央寄せにならなくなってしまい困っています。親要素にmargin: 0 auto;
を設定し、その中身の子要素？に、marginを設定したら３つの要素に余白はできたのですが・・・。この場合どうすればいいか、一般的な回答でも構いませんので、ご教示くださることは可能でしょうか？

[KazuhoAkabane]

子要素をpxでなく%表記にするとか

[B_J]

top と　bottomはｐｘで別途設定し、right と leftで％やってみましたができません

[B_J]

要素がブラウザを縮めるに従って、要素同士の幅も縮まってきて、スマホ対応のサイズになったら、レスポンシブが発動するって感じにしたいのですが・・・要素同士が縮まっていきません・・・

[KazuhoAkabane]

topとbottomというか{margin:0 3%;}とかでもダメ？
あとmargin-topとかmargin-leftね。topとbottomとかだと別の意味になります

[B_J]

margin: 0 auto;をmargin:0 3%;ってことですよね？ダメでした・・・

[B_J]

とmargin-topとかmargin-leftね。topとbottomとかだと別の意味になりま
↑こちらについては、topとbottomには別途marginを設定しているもので・・・

[runnynose]

B_Jさん
アドバイスとして聞いていただければと思うのですが、課題管理をできるようになった方が良いと思います。
質問欄にある内容が解決しているのであれば、本件を一度、クローズさせて新たに出た疑問は新たに質問を投稿してもらった方が情報を整理しやすいため、能率良いと思います。
このコメントで気分を害されたようでしたら、申し訳ありません。