Why is the inline style not getting applied? [closed]

.main { width:100%; height:100%; display:inline-block; }
.leftdiv { padding:0px; color:red; background-color:green; display:inline-flex; }
.rightdiv { padding:15px; color:yellow; background-color:grey; }
.left1 { padding:15px; color:orange; background-color:purple; }
.left2 { padding:15px; color:white; background-color:brown; width:100%; }

<div class="main"><section><div class="leftdiv col-sm-6"><div class="col-lg-3 left1"><img src="C:\Users\afrin\Desktop\HBCS RECENT\HBCS GRAPHICS\hbcslogo2.jpeg"
                        style="width:50px;height:50px;"></img></div><div class="col-lg-9 left2"><p>This is para 1</p></div></div><div class="rightdiv col-sm-6"><p>This is para 2</p></div></section></div>