Используя приведённый код HTML, добавьте к нему стили, чтобы получить результат, показанный на рис. 1.
Рис. 1
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<title>Японский текст</title>
</head>
<body>
<div class="block">Иван Крузенштерн возглавил первую русскую кругосветную экспедицию в 1803–1806 годах на кораблях «Надежда» и «Нева».</div>
<div class="block" lang="ja">イヴァン・クルゼンシュテルンは、1803年から1806年にかけて、ナジェージダ号とネヴァ号でロシア初の世界一周探検隊を率いた。</div>
</body>
</html>
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<title>Японский текст</title>
<style>
.block {
background-color: #0079aa;
color: #fff;
padding: 1rem;
margin-bottom: 1rem;
}
.block[lang="ja"] {
writing-mode: vertical-lr;
text-orientation: upright;
height: 200px;
}
</style>
</head>
<body>
<div class="block">Иван Крузенштерн возглавил первую русскую кругосветную экспедицию в 1803–1806 годах на кораблях «Надежда» и «Нева».</div>
<div class="block" lang="ja">イヴァン・クルゼンシュテルンは、1803年から1806年にかけて、ナジェージダ号とネヴァ号でロシア初の世界一周探検隊を率いた。</div>
</body>
</html>