Semantic UI inline button test
by shiv_veerashetty
HTML
<link rel="stylesheet" href="//oss.maxcdn.com/semantic-ui/2.0.4/semantic.min.css">
<script src="//oss.maxcdn.com/semantic-ui/2.0.4/semantic.min.js"></script>
<div class="ui raised compact mini padded form container segment">
<div class="ui compact tiny form ">
<div class="two fields">
<div class="eleven wide field">
<div class="ui checkbox">
<input type="checkbox" tabindex="0" class="hidden">
<label>Backup Meridian Data</label>
</div>
</div>
<div class="five wide field">
<div class="ui right labeled input">
<input type="text" placeholder="Days">
<div class="ui basic label">
days
</div>
</div>
</div>
</div>
<div class="two fields">
<div class="eleven wide field">
<div class="ui checkbox">
<input type="checkbox" tabindex="0" class="hidden">
<label>Backup Metrics</label>
</div>
</div>
<div class="five wide field">
<div class="ui right labeled input">
<input type="text" placeholder="Days">
<div class="ui basic label">
days
</div>
</div>
</div>
</div>
<div class="two fields">
<div class="eleven wide field">
<div class="ui checkbox">
<input type="checkbox" tabindex="0" class="hidden">
<label>Backup Raw Data</label>
</div>
</div>
<div class="five wide field">
<div class="ui right labeled input">
<input type="text" placeholder="Days">
<div class="ui basic label">
days
</div>
</div>
</div>
</div>
<div class="fields">
<div class="sixteen wide field">
<label>Backup path</label>
<input type="text" placeholder="Username">
</div>
</div>
<div class="fields">
<div class="sixteen wide field">
<label>Backup trigger time</label>
<input type="text" placeholder="Username">
</div>
</div>
</div>
</div>
CSS
.ui.form.segment {
width: 400px;
}