JSFiddle - React, Tailwind, and code Playground

HTML

<div class="foo">
<div class="bar">
This div should be 400px wide.
</div>
</div>

CSS

.foo {
  width: 200px;
}

.bar {
  outline: 1px solid #f0f;
  width: calc(2 * 100%);
}