Flex wrap

by phloe

HTML

<h1>
<span>Hamas' angreb skete ikke 'ud af ingenting', sagde FN's generalsekretær. Nu opfordres han til at trække sig</span>
<span>Login here</span>
</h1>

<h1>
<span>Hamas</span>
<span>Login here</span>
</h1>

CSS

h1 {
   display: flex;
   flex-wrap: wrap;
}

h1 > :first-child {
  flex: 1 1 auto;
  width: 20rem;
  max-width: 100%;
}

h1 > :last-child {
  flex: 0 0 auto;
  margin-left: auto;
}