限定しりとり

インライン要素内でテキストを左右に寄せる方法

解決済

  • 質問者：maelificblaster
  • 質問日時：
  • 回答数：2件

インライン要素内でテキストを左右に寄せる方法をご存知の方、 ご教示くださいますようお願い致します。
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>test</title>
</head>
<body>

<select size="3">
<option>CAPYBARA 520</option>
<option>GIANT TOAD 795</option>
<option>COYOTE 780</option>
</select>

<select size="3">
<option>CAPYBARA 520</option>
<option>GIANT TOAD 795</option>
<option>COYOTE 780</option>
</select>

<select size="3">
<option>CAPYBARA 520</option>
<option>GIANT TOAD 795</option>
<option>COYOTE 780</option>
</select>

</body>
</html>

添付のイメージ画像は、理想の見栄えになるようPhotoshopで加工したものです。

select要素などのインライン要素に幅の概念が無い事は承知しておりますが、もしかしたら簡潔に綺麗な表示が出来る方法があるかも？と思い、検索しては試していますが行き詰まりました。
最悪、＆ｎｂｓｐ；で埋めて調整しようかとも思いましたが、見た目もソースコードも満足いかなかったので止めました。

何卒宜しくお願い致します。

「インライン要素内でテキストを左右に寄せる」の質問画像
通報する

この質問への回答は締め切られました。

質問の本文を隠す

A 回答 (2件)

No.2ベストアンサー

  • 回答者： yambejp
  • 回答日時：

<style>


form.hoge select{
font-family:monospace;
}
</style>
<form class="hoge">
<select size="3">
<option>CAPYBARA520</option>
<option>GIANT TOAD795</option>
<option>COYOTE780</option>
</select>
</form>
    • good
    • 0
    • 件
通報する
この回答へのお礼

font-family:monospaceを知らなかったので、おかげ様でいろいろ試せました。
Safariでの表示が難しかったです。ありがとうございました。

通報する
お礼日時：2011/09/13 00:47

No.1

  • 回答者： ORUKA1951
  • 回答日時：

＞最悪、＆ｎｂｓｐ；で埋めて調整しようかとも思いましたが、見た目もソースコードも満足いかなかったので止めました。



　いいえ、見た目もソース的にもそれが最も正しいです。
＿<form action="./">
＿＿<select name="abc" size="3">
＿＿＿<input type="radio" value="C520" label="CAPYBARA520">CAPYBARA 520</input type="radio" >
＿＿＿<input type="radio" value="G795" label="GIANTTOAD795">GIANT TOAD 795</input type="radio" >
＿＿＿<input type="radio" value="C780" label="COYOTE780">COYOTE 780</input type="radio" >
＿＿</select>
＿</form>
    • good
    • 0
    • 件
通報する
この回答へのお礼

どうもありがとうございました。

通報する
お礼日時：2011/09/13 00:43

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！

Q質問する（無料）

ページトップページトップ

Q質問する（無料）

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報