<div>
text 1<span>text 2</span>
</div>

body {
  font-size: 200%;
}

div {
  background: rgba( 0, 153, 255, 0.8 );
  height: 3em;
  margin: 0 auto;
  width: 6em;
  line-height: 3; 
}
span{
  background: rgba( 255, 255, 0, 0.8 );
  display: inline-block;
  height: 2em;
  vertical-align: bottom;
  line-height: 1;
}