search

news.html

@@ -29,7 +29,10 @@
         <div class="news_heading">
             <h1 class="news_h1">Lorem Ipsum is simply dummy text of the printing and.</h1>
             <p class="news_p">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
-            <form action="" class="news_search"><img class="news_img_search" src="images/Lupa.png" alt=""><input class="input_news" type="text" placeholder="Search"></form>
+            <form action="" class="news_search">
+                <img class="news_img_search" src="images/Lupa.png" alt="">
+                <input class="input_news" type="text" placeholder="Search">
+            </form>
         </div>
     </div>
 

style.css

@@ -672,13 +672,17 @@ textarea {
     padding-bottom: 60px;
 }
 .news_search {
+    position: relative;
+    display: inline-block;
 }
 .news_img_search {
-    vertical-align: middle;
     position: absolute;
-    left: 495px;
-    top: 361px;
-    z-index: 1;
+    left: 15px;
+    top: 50%;
+    transform: translateY(-50%);
+    width: 15px;
+    height: 15px;
+    cursor: pointer;
 }
 .news_img_search img {
     height: 15px;
@@ -691,9 +695,9 @@ textarea {
     background-color: #1C140F;
     color: #fff;
     line-height: 1.8;
+    border: none;
 }
 .input_news input {
-    position: relative;
 
 }