Flex-Height

by pisuke

HTML

<div class="container">
	<span class="main flex-cont">
		This is the flex container, height is 20px
	</span>
	<span class="main">
		This is not the flex container, height is 19px
	</span>
</div>

CSS

body {
		margin: 30px;
	}
	
	.container {
		background-color: yellow;
		border: 1px solid red;
	}
	
	.main {
		border: 1px solid black;
	}
	
	.flex-cont {
		display: inline-flex;
	}