为什么不能应用内联样式？

Question

.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>

为什么不能应用内联样式？内联样式不接受div或任何其他标签中的样式。