My jsGist

HTML

content before
    <div style="width: 10px; height: 10px; transform: scale(20)"></div>
content in middle
    <div style="width: 10px; height: 10px; zoom: 20"></div>
content after

CSS

div {
  border: 1px solid black;
  width: fit-content;
}