Skip to content

Instantly share code, notes, and snippets.

@vitkarpov
Last active August 29, 2015 14:05
Show Gist options
  • Save vitkarpov/3814fef18a134c704577 to your computer and use it in GitHub Desktop.
Save vitkarpov/3814fef18a134c704577 to your computer and use it in GitHub Desktop.
Горизонтальные инлайн-блоки равной ширины
.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;
}
<div class="wrapper">
<div class="wrapper-item">
Привет
</div>
<div class="wrapper-item">
,
</div>
<div class="wrapper-item">
мир!
</div>
</div>
// alert('Hello world!');
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment