SuperSimpleDev / html-css-course-2022

1.32k stars 993 forks source link

lesson-09 / 9e.css #4

Open TaimoorCodes opened 2 years ago

TaimoorCodes commented 2 years ago

The class labeled 'text-box' missed a very important property called display: inline-block; due to which all of the elements were appearing on top of each other. The same problem was appearing when I was practicing the tweet box in lesson#07 exercise 7g. but then I didn't know the CSS display property as it's the lesson after lesson no. 07 where mate Simon briefly explains the types of HTML elements and display properties.

SuperSimpleDev commented 2 years ago

Thanks for the PR! <input> is actually display: inline-block; by default so it doesn't explicitly need the property in the CSS. Could you share the code you had without display: inline-block that made the elements appear on top of each other? I'm wondering what the difference could be