簡単「HTML + CSS」入門 〜要素と要素を横並びに表示させる〜

Webページを作る時に、ある記事のブロックとサイドバーのようなリストを横並びに表示したいなあ、と思ったのですが、けっこう、どうするんだろうと悩んでしまいました。記事のブロックとサイドバーはそれぞれ、divタグで囲っていました。divタグで囲った要素同士は、基本は横並びにされず、縦並びにされます。それらをdivタグで囲い、次のcssをあてましょう。

/* 横並びにするcss */
.wrapper_flex{ max-width: 800px; /*二つの要素の幅*/
display: flex;
}

display: flex; で横並びにできるようです。

 

わからないことがあれば、すぐに検索するといいですね。