I need a Horizontal Subscription Bar. Please help!

Without seeing the subscription box in action in your header, I can’t help troubleshoot the display issue. Can your enable it again so I can take a look?

Let me know if you have any questions. Otherwise, I’ll wait to hear back from you!

I have placed the subscription box at the end of the post on my website https://www.pmfias.com . Please have a look at it.

I want Email Field and Subscribe buttons to appear Side by Side.

This is the CSS I have used.

/* Jetpack Subscription
——————————————— */

.jetpack_subscription_widget {
clear: both;
align:center;
text-align:center;
margin-bottom: 25px;
padding: 10px 2.5px 10px 2.5px !important;
background: #000;
font-size: 18px;
color: #fff;
}
.jetpack_subscription_widget h4 {
font-size:22px;
background: #000;
color: #00FFFF;
}
.jetpack_subscription_widget input[type=”text”],
input[type=”email”] {
width: 70% !important;
height: 50px;
line-height: 45px;
margin: 5px 0 10px;
position: relative;
font-size:16px;
text-align: center;
}
.jetpack_subscription_widget input[type=”submit”] {
width:180px;
background-color: #FE2E2E;
text-decoration: uppercase;
text-align: center;
}
.jetpack_subscription_widget input:hover[type=”submit”] {
width: 180px;
background-color:#FF4000;
}

You can use float to customize the way elements are displayed in the box:
https://www.w3schools.com/css/css_float.asp

For example, you could use float: left for both the subscription email input field as well as the submit field, and change their width so they fit next to each other:

.jetpack_subscription_widget #subscribe-email {
    width: 80%;
    float: left;
}

.jetpack_subscription_widget #subscribe-submit {
    float: left;
    width: 20%;
}

I hope this helps.