Is there a way to preserve the width of an empty span element?
Consider the following HTML pseudo table:
<p><span class="col1">Day:</span><span class="col2"><?php echo somephp ?></span></p>
<p><span class="col1">Time:</span><span class="col2"><?php echo somephp ?></span></p>
<p><span class="col1">Class:</span><span class="col2"><?php echo somephp ?></span></p>
<p><span class="col1">Teacher:</span><span class="col2"><?php echo somephp ?></span></p>
Using CSS:
span.col1 {width: 100px;float: left;}
span.col2 {width: 100px;}
Sometimes, when col2 is empty due to PHP echoing nothing, its width becomes 0 and causes the paragraph below to align with the one above.