html input row,html - text with input in one row - Stack Overflow

I have div with input field and text

Here is code

.form-control {

display: block;

width: 100%;

height: 34px;

position: relative;

padding: 6px 12px;

font-size: 14px;

line-height: 1.42857143;

color: #555;

margin: 0 auto;

background-color: #fff;

border-color: #1f66b4;

border-style: solid;

border-width: 3px;

background-image: none;

border-radius: 4px;

-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);

box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);

-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;

-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;

transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;

}

dfsdfsdfsdf

But text is over input.

I need to make text in one row with input.

How I can do this?