display property is not properly working :     <html>
    <div class = "centralcontainer">
                <div class ="firstcontainer">
                       <div class = "imagecontainer">
                           <img src="http://subs-40ea.kxcdn.com/posters/better-
                            call-saul.jpg">
                      </div>
                           
                      <div class = "SeasonCounterContainer">
                               <p>46 min | Crime, Drama</p>
                      </div>
                </div>
        </div>
           
         
    <style type = "text\css" >

    .firstcontainer{
        display: block;
            }

    .imagecontainer{
        display: inline-block;
        margin-left: 70px;
    }


    
    .SeasonCounterContainer{
       margin-left: 20px;
       display: inline-block;
        
    }
    
    </style>
    </html>



In the above code,I want the two div containers present inside the div class 
"firstcontainer" to appear side by side and so I have applied for inline-
block.But doesn't seem to work.
 
Note:I already searched the issue in stackoverflow and got answers.Still 
    didnt work for me.
    