how to standardize paragraph lines (quick css issue)
I currently have two different pages for a single application. They both get a paragraph from a SQL database. However, both paragraphs are not identical size wise as one of them is longer than another which means that there are more words on each line. For my purpose, it is imperative that both entities stay identical and the number of words on each line are identical.
I believe this should be a simple css trick but I am fairly new so I do not know how to do this.
Can someone help?
Paragraph 1 Code:
echo '<div class="test">'; echo ($row['paragraph']); echo '</div>'; <style> .test { column-fill: auto; column-count: 2; border: 10px solid #f3e2b3; padding-right: 1.5em; padding-left: 1.5em; padding-top: 1.5em; padding-bottom: 1.5em; font-size:0.50em; } </style> Paragraph 2 Code:
echo '<div class="test">'; echo "<p style='font-size:0.50em;color:#0e3c68;'>" . $row['paragraph'] . "</p>"; <style> .test { column-fill: auto; } </style> 
