Is it possible to use different line-height for two or more inline blocks?
Example:

```css
.block{
  width: 300px;
}

.text-1 {
  font-size: 30px;
  line-height: 30px
}

.text-2 {
  font-size: 20px;
  line-height: 15px
}
```

```html
<div class="block">
  <span class="text-1">Here some text here some text</span>
  <span class="text-2">other text other text other text</span>
</div>
```

This is what I would like to get: 
[![enter image description here](https://i.stack.imgur.com/xUTfF.png)](https://i.stack.imgur.com/xUTfF.png)