I have this code
<html>
<head>
<style type="text/css">
.frame {width: 50em; border: 1px solid black}
.frame label {width: 20em; display: block; text-align:right; border: 1px solid green}
.frame label span {width: 20em; display: block; font-size: .5em; border: 1px solid red; text-align: right}
</style>
</head>
<body>
<div class="frame">
<label>
Label
<span>
Span
</span>
</label>
</div>
</body>
The red "Span" is set to 20em. But it should be as large as the green "Label". I want to keep the font-size small in the red part though. Unfortunately even if the font-size is half as large, I can't use 40em to get the same size. Any idea howto solve that problem?