Make sure to review the problem statement in the plnkr linked below.
http://plnkr.co/edit/ojt3l3ljNYOA6HDq
.d {
width: 200px;
background: red;
text-align: center;
>div {
display: inline
}
}
.a {
float: left;
}
.c {
float: right;
top: 0;
position: relative
}
.b {
float: none;
margin: 0 auto;
}<h1>How can we make 'c' appear in the top-right position?</h1>
<div class="d">
<span class="a">a</span>
<span class="b">basdsadjkasdl ksaalsdk jsald kjsaldkajsdlaks</span>
<span class="c">c </span>
</div>