よろしくお願いします。
現在HTMLを勉強している者です。
只今、Floatタグを利用してメニューバーを作っていて、メニュータイトルの日本語と英語に別々のフォントサイズを適用しているのですが、どうしても、文字の下位置を揃えることができません(汗)
どなたか助けてください!
現象としては、
・英語の後に続く日本語の文字を小さくすると、英語が上に上がってしまう。
・別々のメニューで、日本語のみ、英語のみのメニューの下位置が微妙に違うので、英語の方を1pxくらいだけ上げたい…
数時間格闘しています。
どうぞよろしくお願いします
A 回答 (1件)
- 最新から表示
- 回答順に表示
No.1
- 回答日時:
<style type="text/css">
#navi li {display:inline;}
#navi .big {font-size:50px;}
#navi .small {font-size:10px;}
#navi a {text-decoration:none;}
</style>
<ul>
<li class="big"><a href="#">サンプル</a></li><!--
--><li class="small"><a href="#">sample</a></li>
</ul>
floatをつかわずにdisplay:inline;で横並びにするとできるみたいです
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS 欧文フォントの表示がおかしい ホームページを作成しています。 英語と日本語を違うフォントを設定してい 2 2022/12/16 19:00
- 英語 英語のビジネスライティング添削 1 2022/07/21 23:55
- HTML・CSS Web font 会社のホームページを作成についてですが、webフォントを使用することを検討しており 4 2022/11/04 10:36
- 日本語 日本人の大半は英語が難しい言語だと感じるそうですが 8 2023/04/14 18:16
- 大学受験 高校3年の女です。早稲田大学社会科学部を第1志望にしています。勉強のアドバイスと、現時点で過去問何割 2 2022/08/04 00:01
- 英語 The RES index reports good esthetic results for th 1 2022/05/26 13:34
- 英語 Therefore, in just over half the cases, this surgi 4 2022/05/23 00:58
- 大学受験 英単語帳について質問です。 たくさんの回答お待ちしております。 現在高3、産近甲龍志望です。 現在タ 5 2023/08/21 11:50
- その他(言語学・言語) 第語学勉強に迷ってます。高3女子です。 韓国語を高一から初めて一年半で日常会話レベルの試験には合格し 3 2023/07/31 18:17
- 英語 英語の発音の教育について 5 2022/08/05 17:12
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・プリン+醤油=ウニみたいな組み合わせメニューを教えて!
- ・タイムマシーンがあったら、過去と未来どちらに行く?
- ・遅刻の「言い訳」選手権
- ・【大喜利】【投稿~11/12】 急に朝起こしてきた母親に言われた一言とは?
- ・好きな和訳タイトルを教えてください
- ・うちのカレーにはこれが入ってる!って食材ありますか?
- ・好きな「お肉」は?
- ・あなたは何にトキメキますか?
- ・おすすめのモーニング・朝食メニューを教えて!
- ・「覚え間違い」を教えてください!
- ・とっておきの手土産を教えて
- ・「平成」を感じるもの
- ・秘密基地、どこに作った?
- ・【お題】NEW演歌
- ・カンパ〜イ!←最初の1杯目、なに頼む?
- ・一回も披露したことのない豆知識
- ・これ何て呼びますか
- ・初めて自分の家と他人の家が違う、と意識した時
- ・「これはヤバかったな」という遅刻エピソード
- ・これ何て呼びますか Part2
- ・許せない心理テスト
- ・この人頭いいなと思ったエピソード
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・ハマっている「お菓子」を教えて!
- ・【大喜利】【投稿~11/1】 存在しそうで存在しないモノマネ芸人の名前を教えてください
- ・好きなおでんの具材ドラフト会議しましょう
- ・餃子を食べるとき、何をつけますか?
- ・あなたの「必」の書き順を教えてください
- ・ギリギリ行けるお一人様のライン
- ・10代と話して驚いたこと
- ・つい集めてしまうものはなんですか?
- ・自分のセンスや笑いの好みに影響を受けた作品を教えて
- ・【お題】引っかけ問題(締め切り10月27日(日)23時)
- ・大人になっても苦手な食べ物、ありますか?
- ・14歳の自分に衝撃の事実を告げてください
- ・【大喜利】【投稿~10/21(月)】買ったばかりの自転車を分解してひと言
- ・ホテルを選ぶとき、これだけは譲れない条件TOP3は?
- ・家・車以外で、人生で一番奮発した買い物
- ・人生最悪の忘れ物
- ・【コナン30周年】嘘でしょ!?と思った○○周年を教えて【ハルヒ20周年】
- ・あなたの習慣について教えてください!!
- ・都道府県穴埋めゲーム
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
リストの数字のフォントサイズ...
-
display:table;を多段表示させたい
-
リストマーカーをボックス内に...
-
ホームページ上で数学の公式を表示
-
Dreamweaverで、ul要素の下に写...
-
html/cssの、navを2段にする...
-
list-style-type部分だけ大きく...
-
ulとliで囲った文字の一部を変...
-
ドロップダウンメニューが隠れ...
-
疑似クラス :activeが効きません
-
HTML5のfooterに見出しを付けて...
-
<table>の高さ固定。情報増加時...
-
CSSでリスト[li]の表示がズレる
-
CSS フォントサイズの違うリス...
-
ulやolのリストを横並びに表示...
-
<ul>~</ul>が二つ続くと間に改...
-
CSSのリストタグについて
-
html <ul></ul>の並びで一行空...
-
xhtmlでページを作ったらcssのh...
-
HTML5でサイドバーのメニューが...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
リストマーカーをボックス内に...
-
ulタグやliタグの中でbrタグ...
-
liタグの中に<p>タグやら<dl>を...
-
リストの数字のフォントサイズ...
-
html/cssの、navを2段にする...
-
<ul>~</ul>が二つ続くと間に改...
-
<ul><li></li></ul>にするメリ...
-
HTMLで組織図を作成する方法
-
レスポンシブWebデザインでリン...
-
番号付きリスト(<Ol><Li>・・...
-
<table>の高さ固定。情報増加時...
-
ol要素の番号とリスト項目の離...
-
htmlの<ol>タグで、数字などを...
-
html <ul></ul>の並びで一行空...
-
divタグ内のコンテンツが重なっ...
-
ulとliで囲った文字の一部を変...
-
HTML5のfooterに見出しを付けて...
-
文法チェックの<A>と</A>の間が...
-
jQuery-もっと見るボタンをスマ...
-
テーブル内のプルダウンの下に...
おすすめ情報