.w-200-3.block
.w-120-8.block
View Compiled
.block {
  height: 140px;
  width: 100px;
  outline: 1px dashed crimson;
  display: flex;
  align-items: center;
  justify-content: center;
}

.w-200-3 {
  width: 200.3px;
}

.w-120-8 {
  width: 120.8px;
}
View Compiled
const $$ = (sel) => document.querySelectorAll(sel);

const realWidth = (el) => el.getBoundingClientRect().width;

$$(".block").forEach((el) => {
  el.innerText = realWidth(el);
});

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.