how to place last div into right top corner of parent div? (css)

Question

Can I somehow use CSS to place the block2 in top right corner of block1?

---

Context :

• block2

Answer 1

Displaying left middle and right of there parents. If you have more then 3 elements then use nth-child() for them.

HTML sample:

    

        
Business
        
Expertise
        
Quality
    

CSS sample:

.nav-tabs{
  position: relative;
  padding-bottom: 50px;
}
.nav-tabs li {
  display: inline-block;  
  position: absolute;
  list-style: none;
}
.nav-tabs li:first-child{
  top: 0px;
  left: 0px;
}
.nav-tabs li:last-child{
  top: 0px;
  right: 0px;
}
.nav-tabs li:nth-child(2){
  top: 0px;
  left: 50%;
  transform: translate(-50%, 0%);
}