株式会社マイティーエース- MightyAce Inc.

資料請求

お問い合わせ

運用型広告

Google・Yahoo!のリスティング広告はもちろん、Facebook・Instagram・LINE・XなどのSNS広告も運用が可能です。

マンガ制作

WEBマンガを中心に、LP・バナー・SNSなど、お客様の商品(サービス)の魅力を伝える完全オリジナルのマンガを制作いたします。

Webページ制作

ページに訪れるユーザーの目的と興味を引く、お客様一人一人のニーズに合わせた完全オリジナルのWebコンテンツを制作いたします。

アクセス解析

精度を高めつつ分析⇒改善のサイクルを回し続け、意思決定に繋がるレポーティングで売上最大化のお手伝いをいたします。

Web制作

【CSS】謎の隙間が出来た時の対処法【inline-blockの罠】

このようなデザインをCSSで作成していた際に、borderとbackgroundの間に謎の隙間が出来てしまったので備忘録がてらメモです。

一体なんだこれは(´;ω;`)

 

inline-blockの罠

この時background-colorを使用している所に「display:inline-block;」を使用していました。

どうやら

inline-blockを使用すると、コードの改行時に微妙な隙間が発生するそう。

 

今回の解決策

inline-blockを使った要素の親に「letter-spacing:-1em;」

inline-blockを使った要素に「letter-spacing:0;」

これで隙間自体は埋めることに成功!

 

※ただ、今回はinline-blockを使用した要素の兄弟要素に文字が入っていたので

そちらに改めてletter-spacingを設定しなおしました。

Request Materials資料請求

資料請求

Webマーケティングにおけるパフォーマンス改善のための資料がダウンロードできます。

  • web広告の改善事例が知りたい方
  • 現在お願いしている代理店との比較をしたい方
  • サービスの全体像・料金を知りたい方