I have been challenged by HTML and CSS to embrace humility:
Attempting to replicate the following design:
Here is my effort:
<div>
<div style="width:800px;">
<div style="float:left;width:25%;background-color:red;">Facility #: COMPANY10</div>
<div style="float:left;width:50%;background-color:green;text-align:center;">FACILITY_112</div>
<div style="float:left;width:25%;background-color:blue;text-align:right;">Facility Code: 4071</div>
</div>
<div style="width:800px;">
<div style="float:left;width:25%;background-color:red;">Date: Jul 17, 2014</div>
<div style="float:left;width:50%;background-color:green;text-align:center;">Custom Assessment (UDA) Report</div>
<div style="float:left;width:25%;background-color:blue;text-align:right;">User: John Wayne</div>
</div>
<div>
Time: 12:59:11 ET
</div>
<div>
<hr/>
Assessment Type: 1 - Braden Scale for Predicting Pressure Sore Risk
<hr/>
</div>
</div>
This leads to:
In need of assistance on how to fix this. Please help.