スタッフブログStaffblog

CSSでブロック要素を改行させないようにする

2014.01.30
スタッフブログ

ども、タカミチです。

今回はさっくりと

htmlで<div>とか<table>とか使うと改行されてしまいますよね
例えばこんな感じです。

<div>こんな</div><div>感じ</div><div>です。</div>

このように打つと

こんな
感じ
です。

ってな風になりますよね
そんな時は
cssで

display: inline;

とスタイルシートに書いてあげると
要素が横並びになります。

あまり、<style>はSEOによろしくないと聞いたので
文章中の文字の色などの表現変化で<div>使うと
改行されてしまうってことで方法を調べてみました。

この記事をSNSでシェア!