<h1>
Break right after this and <span>before this</span>
</h1>
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,700);
body {
padding: 20px;
font-family: 'Open Sans', sans-serif;
}
h1 {
text-align:center;
font-weight: 300;
font-size: 24px;
line-height: 1.6;
background: #eee;
padding: 10px;
margin: 0!important;
span {
@media (min-width: 1024px){
display: block;
background-color: rgba(red, 0.25);
margin-left: auto;
margin-right: auto;
}
}
}
View Compiled
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.