css - Align text and flipswitch on the same line -


I am trying to align a flip switch and text on the same line, but no success has been found so far. I tried to use the area, but no success.

  & lt; Ul data-roll = "list view" & gt; & Lt; Li & gt; & Lt; H3 & gt; Date of Birth: & lt; / H3 & gt; & Lt; Span style = "float: true;" & Gt; & Lt; Select name = "flip-2" id = "flip-2" data-roll = "flipschitch" data-theme = "b" & gt; & Lt; Option value = "off" & gt; Off of & lt; / Options & gt; & Lt; Option value = "on" & gt; On & lt; / Options & gt; & Lt; / Select & gt; & Lt; / Span & gt; & Lt; / li & gt; & Lt; / Ul & gt;    

Use a single display: inline-block on h3;

css

  ul li H3 {display: inline-block; }   

HTML

  & lt; Ul data-roll = "list view" & gt; & Lt; Li & gt; & Lt; H3 & gt; Date of Birth: & lt; / H3 & gt; & Lt; Select name = "flip-2" id = "flip-2" data-roll = "flipschitch" data-theme = "b" & gt; & Lt; Option value = "off" & gt; Off of & lt; / Options & gt; & Lt; Option value = "on" & gt; On & lt; / Options & gt; & Lt; / Select & gt; & Lt; / li & gt; & Lt; / Ul & gt;    

Comments

Popular posts from this blog

php - PDO bindParam() fatal error -

logging - How can I log both the Request.InputStream and Response.OutputStream traffic in my ASP.NET MVC3 Application for specific Actions? -

java - Why my included JSP file won't get processed correctly? -