div 横並び、いろいろ

body {
display:table;
width:80%;
margin: auto;
padding: auto;
}
.blue {
background:skyblue;
display:table-cell;
width: 30%;
}
.orange {
background:orange;
display:table-cell;
text-align:right;
}

.orange {
background:orange;
display:table-cell;
float:right;
}