1 reply [Last post]
mlotfi
mlotfi's picture
Offline
newbie
Last seen: 7 years 27 weeks ago
Timezone: GMT-4
Joined: 2014-04-07
Posts: 1
Points: 2

Hi,

I want to put put these two label in the same line, I don't want to change the code (label and .formLabel ) in the css file, how to tweak it in the html code so the two labels will be in the same line.

why not put the whole text in the same label, because I want to use some jquery code, and show the label "from" only when a checkbox is checked.

Here is my jsfiddle :
jsfiddle.net/mlotfi/MhK4T/

Thanks

helldog2004
helldog2004's picture
Offline
Enthusiast
Netherlands
Last seen: 5 years 10 weeks ago
Netherlands
Timezone: GMT+2
Joined: 2014-03-02
Posts: 205
Points: 239

This piece of code in HTML

This piece of code in HTML should do the trick to get it on one line, and yes it is in one label.
<label class="formLabel">from</label><label class="formLabel">port # <input type="text" id="minvalue" property="minvaluePort" name="minvalue" /></label>

And by adding a code inside your css like this:

#minvalue {
    margin-left: 20px;
}

You will create some whitespace between your text Port# and the form.
Let me know if this solved your problem.

Check Maximum Webdesign for your online solutions