自主学習1-6「フレックスボックスを使ってみよう」

<div class="flexbox">
			<div class="newlist">
				<h2>新着情報</h2>
				<ul>
					<li>(黒丸)今日の朝ごはん</li>
					<li type="circle">（白丸）今日の昼ごはん</li>
					<li type="sqare">（四角）今日の夜ごはん</li>
				</ul>
			</div>

			<div class="author">
				<h2>気になるリスト</h2>
 				<ul>
					<li type="I">近所の猫ちゃん</li>
					<li type="I">明日の昼ごはん</li>
					<li type="I">明日のプログラミングレッスン</li>
 				</ul>
			</div>
		</div>

.flexbox
{
	display: flex;
}

.flexbox
{
	display: flex;
	justify-content:center;
}