карьерный путь

.container { width: 960px; margin: auto; } .career__list { list-style: none; } .career__item { margin-bottom: 20px; } .career__block { width: 300px; padding: 20px; border-radius: 10px; box-shadow: 5px 5px 5px rgba(0,0,0,0.5); position: relative; } .career_year { position: absolute; right: 100%; top: 50%; margin-right: 43px; line-height: 30px; margin-top: -15px; } .career_year:after { content: ""; width: 10px; height: 10px; display: block; background-color: #33c1e3; border-radius: 50%; position: absolute; top: 50%; margin-top: -5px; right: -18px; } .career__block:before, .career__block:after { content: ""; display: block; width: 1px; background-color: grey; position: absolute; left: -31px; } .career__block:before { top: -22px; bottom: 50%; margin-bottom: 10px; } .career__block:after { top: 50%; bottom: -1px; margin-top: 10px; }