Source code
Revision control
Copy as Markdown
Other Tools
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
</head>
<body style="line-height: 5;">
<div>
|<span style="background: aqua; padding: 10px; border: 12px solid red; outline: 5px solid yellow; margin: 10px;"
><span>base1</span>
<!-- width: 256px = 300px - 2 * (padding: 2px + border: 4px + margin: 16px) -->
<span style="background: green; padding: 2px; border: 4px solid blue; outline: 8px solid pink; margin: 16px;"><div style="display: inline-block; text-align: center; width: 256px; line-height: normal;">base2</div></span>
<span>base3</span
></span>|
</div>
</body>
</html>