From bd6184409ad1b57fdef6ee17712a23f7d346b7b9 Mon Sep 17 00:00:00 2001
From: Taimoor Shoukat <106743409+taimoorthedev@users.noreply.github.com>
Date: Fri, 10 Jun 2022 11:29:49 +0500
Subject: [PATCH] lesson-09 / 9e.css

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 css display properties.
---
 1-exercise-solutions/lesson-09/9e.css | 1 +
 1 file changed, 1 insertion(+)

diff --git a/1-exercise-solutions/lesson-09/9e.css b/1-exercise-solutions/lesson-09/9e.css
index 50cf445..4f31ece 100644
--- a/1-exercise-solutions/lesson-09/9e.css
+++ b/1-exercise-solutions/lesson-09/9e.css
@@ -22,6 +22,7 @@
   border: none;
   width: 300px;
   vertical-align: middle;
+  display: inline-block;
 }
 
 .tweet-button {