I'm attempting to expand three horizontal checkboxes across the entire width of the page.
<!DOCTYPE html>
<html>
<head>
<title>My Page</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimal-ui">
<meta name="apple-mobile-web-app-capable" content="yes">
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.3/jquery.mobile-1.4.3.min.css" />
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div data-role="page" data-theme="b">
<div data-role="header">
<h1>Primary Codes</h1><br>
</div><!-- /header -->
<div data-role="content">
<h1 id="result">Code: <span id="prefix"></span><span id="suffix"></span></h1>
<form>
<div class="custom">
<fieldset data-role="controlgroup" data-type="horizontal">
<input type="checkbox" name="checkbox-h-2a" id="phone">
<label for="phone">Phone</label>
<input type="checkbox" name="checkbox-h-2b" id="internet">
<label for="internet">Internet</label>
<input type="checkbox" name="checkbox-h-2c" id="video">
<label for="video">Video</label>
</fieldset>
</div>
<fieldset data-role="controlgroup2">
<legend></legend>
<input type="radio" name="jobtype" id="1" value="1">
<label for="1">New Aerial</label>
<input type="radio" name="jobtype" id="2" value="2">
<label for="2">New Underground</label>
<input type="radio" name="jobtype" id="3" value="3">
<label for="3">MDU/Apartment</label>
<input type="radio" name="jobtype" id="4" value="4">
<label for="4">Reconnect</label>
</fieldset>
</form>
</div><!-- /content -->
</div><!-- /page -->
<script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.3/jquery.mobile-1.4.3.min.js"></script>
<script src="js/primary.js"></script>
</body>
</html>
While checking this layout in Brackets, it appears that the "fieldset" selector is already set to occupy 100% width.
I have attempted adjusting the widths of both the "label" and "input" elements without success.
Please note: I've come across similar discussions recommending the use of a navbar element, but due to the specific requirements of my application, this isn't a viable solution. The checkboxes must be displayed horizontally.