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
Post a Comment