CSSのお勉強中。。

css苦戦-01

テキストとボタンの隙間はなんとかならんの?

css苦戦-01

WordPressのマイテーマを自作中。マージンやパディングをなくしてみたけれど、どうしても隙間がなくならない。

テキストとボタンをくっつけたいんですよね。

こんな感じで入力してた。

記入したhtmlはこんな感じ。

原因は?

んで、原因は何かというと、htmlでは「改行・タブ・(半角)スペース」の文字は、「いくつ連続していても1つのスペース」として解釈されるんですって。

だから、<input>と<a>を改行しているためにスペース1個分空いてしまってるってことなんですね。

修正してみましょう

さっそく、改行を削除してみました。

修正した結果

css苦戦-02

というわけで、くっつきました。

だがしかし!

なんか微妙に高さがずれてません?

気になっちゃいますね。

とりあえず、今回はこの辺で〜〜。

道のりは長いな〜orz

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です