質問: ![![イメージ説明](https://teratail-v2.storage.googleapis.com/uploads/contributed_images/ad17591ec70d66cf6f8483c906e8f134.png) ![イメージ説明](https://teratail-v2.storage.googleapis.com/uploads/contributed_images/99cd0d19e10e55da9557631617b403f9.png) 上の写真のように、ラジオボックスとラジオボックスの間が開きすぎてスタイルが崩れてしまいます。 色々な値を変えてみましたが、ひとつ変えると、他方が壊れます。 決定打が見つからず質問致しました。 目指したいのは下の写真です。 以下にHTML、CSSを載せます。 ``` 住宅設計施工の美浜工務店 資料請求 サイトマップ リクルート トップ お問い合わせ お名前 メールアドレス ブログやホームページがあればお知らせください 郵便番号 ご住所 建物名と部屋番号 電話番号 性別 男性 女性 ご年齢 20代 30代 40代 50代 60代 ©️2019 Tek-cell.inc All rights reserved. ``` ``` form { width: 650px; } form p { margin: 0; padding: 10px; border-bottom: 2px solid #fff; font-size: 12px; background: linear-gradient(#fff,#6fc);/*グラデーション*/ -moz-background: linear-gradient(top,#fff,#6fc); /*ファイヤフォックスでグラデーションを適応させるため*/ -webkit-background: linear-gradient(top,#fff,#6fc); /*Google Chromeでグラデーションを適応させるため*/ } form p span { display: inline-block;/*非改行でたかさ、横幅が指定できるようになる*/ width: 160px; text-align: left; margin: 0px; } form p input { padding: 3px 6px; margin: 0; color: #666; border: none; border-radius: 9px; background: #fff; box-shadow: 2px 3px 5px -2px #ccc inset; } form p label { padding: 4px; } form p input { padding: 4px; } ```
回答: とりあえず20代とかの項目の後にある全角空白を削除してみては? あとは無駄な空白・改行をなくすとか