<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <script src="dist/main.o.js" defer></script> <style> * { box-sizing: border-box; } h1 > span {display: inline-block; white-space: nowrap;} h1 > span + span::before {content: ' '; display: inline-block; } h1 .desc, h1 .price {display: inline; width: auto; } ul { padding: 0; list-style: none; width: 14em; font-family: 'Source Code Pro', monospace } li { text-align: right;} .desc { display: inline-block; vertical-align: baseline; width: 75%;} .price { display: inline-block; vertical-align: baseline; width: 25%; } </style> </head> <body> <main></main> </body> </html>