Toggle switch slider to the right of the Label
I am trying to put label to the left and toggle switch slider to the right.
But my slider keeps on going down the label. Is anybody experiencing the same issue??
I read Fieldcontain should fix this issue but this doesn't seem to be working.
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.css" />
<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<script src="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.js"></script>
</head>
<body>
<div data-role="page" id="oss">
<div data-role="content">
<ul data-role="listview" data-inset="true">
<li data-role="fieldcontain">
<label for="test-slider">
Test slider
</label>
<select id="test-slider" data-role="slider" name="testslider">
<option value="off">off</option>
<option value="on">on</option>
</select>
</li>
</ul>
</div>
</div>
</body>
</html>
this is what I am getting :
I am trying to achieve this :