Why are these 2 on the bottom not floating next to the top one when there is clearly space

Question

CSS code

.margina{
    clear:both;
    float:left;
    width:20%;
 
}

.mladost{
    float:right;
    width: 30%;
    margin:10px
}

.smrt{
    float:right;
    width: 30%;
}

How do i make all 3 elements float next to each other? Please help, i dont know what i am doing wrong. Image is up