I have a very simple "2 column" CSS form below. It displays labels down the "left column" and the data input fields down the "right column"

If I wanted to add text, such as "The quick brown fox jumped over the lazy white dog", to be positioned directly adjacent and to the right of only the "file1Checkbox" field (which in this example this is the first CHECKBOX field) then what is the preferred CSS way to do so?


label, input {
	display: block;
	float: left;
	width: 150px;
	margin-bottom: 10px;
	margin-right: auto;
label {
	width: 110px;
	text-align: right;
	padding-right: 10px;
	margin-top: 2px;
br {
	clear: left;
<form method="post" action="" >

	<label for="firstname">First Name:</label>
	<input type="text" name="firstname" id="firstname"/><br/>

	<label for="lastname">Last Name:</label>
	<input type="text" name="lastname" id="lastname"/><br/>

	<label for="emailaddress">Email Address:</label>
	<input type="text" name="emailaddress" id="emailaddress"/><br/>

	<label for="file1">File 1 Upload:</label>
	<input type="checkbox" name="file1Checkbox">The quick brown fox jumped over the lazy white dog.<br/>
	<label for="file1label"></label>
	<input type="file" name="file1" id="file1"/><br/>

	<label for="file2">File 2 Upload:</label>
	<input type="checkbox" name="file2Checkbox"><br/>
	<label for="file2label"></label>
	<input type="file" name="file2" id="file1"/><br/>
	<button type="submit">Submit</button>