Я пытался использовать CSS, но не получил точного результата, который хотел
CSS, который я использовал:
p {
font-family: 'Noto Serif JP', serif;
font-size: 2rem;
}
date {
display: inline-block;
font-family: 'Noto Serif JP', serif;
font-size: 2rem;
writing-mode: vertical-lr;
}
span {
-webkit-text-combine: horizontal; /* Safari */
text-combine-upright: digits 2;
}
HTML-код, который я использовал:
<div>
<p>NITIN</p>
<date
><span>N</span><span>I</span><span>T</span><span>I</span
><span>N</span></date
>
</div>
Это то, что вы хотите?
Пример Codepen: https://codepen.io/cursorrux/pen/YzGxVoZ
body {
font-family: "Noto Serif JP", serif;
font-size: 2rem;
}
div {
width: 250px;
text-align: center;
}
span {
display: block;
}
.notThis {
display: inline-block;
}
<div>
<span>N</span>
<span>I</span>
<span class = "notThis">NITIN</span>
<span>I</span>
<span>N</span>
</div>