Seeking guidance on aligning two separate lines in CSS, each with different numbers. The current code snippet is as follows:
First line: 1,1,1,1
Second: 2,2,2,2The desired alignment is:
First line: 1,1,1,1
Second: 2,2,2,2.wrap {
display: flex;
}<div class="wrap">
<div class="foo">
<p>First line: 1,1,1,1</p>
<p>Second: 2,2,2,2</p>
</div>
</div>The issue arises when the numbers are not aligned with each other. Adding text-align would not solve the problem if numbers change. How can this alignment be achieved using CSS?