<style> | |
:root { | |
font-family: monospace; | |
font-size: 36px; | |
} | |
html, body, div, span, b { | |
margin: 0; | |
padding: 0; | |
} | |
body { | |
margin: 10px; | |
} | |
div { | |
/* allow width for 10 "characters" */ | |
width: 10ch; | |
word-wrap: break-word; | |
outline: 1px solid blue; | |
transform: rotate(33deg); | |
transform-origin: left bottom; | |
} | |
span { | |
margin-left: 8ch; | |
} | |
b { | |
display: inline-block; | |
position: relative; | |
width: 2ch; | |
height: 2ch; | |
box-sizing: border-box; | |
border: 1px solid red; | |
} | |
</style> | |
<div><span>0000<b></b></span></div> |