body * { box-sizing: border-box; } body p { line-height: 1.8; } body h1 { font-size: 36px; margin: 0 0 30px; padding: 10px; font-weight: bold; } dl { display: flex; flex-wrap: wrap; justify-content: space-between; } dl dt { text-align: right; width: 8.5em; padding: 0.5em 1.0em 0.5em 0.5em; position: relative; } dl dt::after { content: '●'; position: absolute; right: -0.55em; top: 5px; font-size: 22px; color: green; } dl dd { width: calc(100% - 8.5em); padding: 0.5em 2.0em 3.0em; border-left: 2px solid #ccc; } dl dd h2 { font-size: 22px; font-weight: bold; margin: 0 0 5px; }

年表

1990年11月

日本に生まれる

詳細な文章が入ります。詳細な文章が入ります。詳細な文章が入ります。詳細な文章が入ります。詳細な文章が入ります。詳細な文章が入ります。詳細な文章が入ります。

1996年4月

小学校に入学

詳細な文章が入ります。詳細な文章が入ります。詳細な文章が入ります。詳細な文章が入ります。詳細な文章が入ります。詳細な文章が入ります。詳細な文章が入ります。

2002年4月

中学校に入学

詳細な文章が入ります。詳細な文章が入ります。詳細な文章が入ります。詳細な文章が入ります。詳細な文章が入ります。詳細な文章が入ります。詳細な文章が入ります。

2005年4月

高校に入学

詳細な文章が入ります。詳細な文章が入ります。詳細な文章が入ります。詳細な文章が入ります。詳細な文章が入ります。詳細な文章が入ります。詳細な文章が入ります。

2008年4月

大学に入学

詳細な文章が入ります。詳細な文章が入ります。詳細な文章が入ります。詳細な文章が入ります。詳細な文章が入ります。詳細な文章が入ります。詳細な文章が入ります。