Горизонтальные инлайн-блоки равной ширины

dabblet.css

.wrapper
{
	display: flex;
	padding: 10px;
	background: lightyellow;
	font-size: 2.5em;
}

.wrapper-item
{
	flex:1;
	display: inline-block;
	margin: 10px;
	padding: 10px;
	background: white;
	border: 1px dotted black;
}

dabblet.html

<div class="wrapper">
	<div class="wrapper-item">
		Привет
	</div>
	<div class="wrapper-item">
		,
	</div>
	<div class="wrapper-item">
		мир!
	</div>
</div>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}