Some weird thing with clear both via css pseudo :after

Question

Examine this code:

HTML

Sometext over here


        

Answer 1

Try this, add display: block to input:

CSS

.one {
  display: block;
  width: 450px;
  height: 60px;
  padding-top: 25px;
  color: #ffffff;
  font-size: 34px;
  font-weight: 800;
  text-align: left;
}

.two {
  font-size: 150%;
  width: 200px;
  height: 20px;
  display: block;
  margin:0 auto;
}

HTML

Sometext over here

DEMO HERE