First steps into css - aligning data insite one DIV [on hold]
- by Andrew
I am trying to move away from tables, and start doing CSS.
Here is my HTML code that I currently trying to place into a nice looking container.
<div>
<div>
<h2>ID: 4000 | SSN#: 4545</h2>
</div>
<div>
<img src="./images/tenant/unknown.png">
</div>
<div>
<h3>Names Used</h3>
Will Smith<br>
Bill Smmith<br>
John Smith<br>
Will Smith<br>
Bill Smmith<br>
John Smith<br>
Will Smith<br>
Bill Smmith<br>
John Smith<br>
</div>
<div>
<h3>Phones Used</h3>
123456789<br>
123456789<br>
123456789<br>
123456789<br>
123456789<br>
123456789<br>
123456789<br>
123456789<br>
</div>
<div>
<h3>Addresses Used</h3>
125 Main Evanston IL 60202<br>
465 Greenwood St. Schaumburg null 60108<br>
125 Main Evanston IL 60202<br>
465 Greenwood St. Schaumburg null 60108<br>
125 Main Evanston IL 60202<br>
465 Greenwood St. Schaumburg null 60108<br>
125 Main Evanston IL 60202<br>
465 Greenwood St. Schaumburg null 60108<br>
125 Main Evanston IL 60202<br>
465 Greenwood St. Schaumburg null 60108<br>
</div>
</div>
I now understand now I create classes and assign classes to elements. I have no issues doing colors. But I am very confused with elements alignments.
Could you suggest a nice way to pack it together with some CSS which I can analyze and take as a CSS starting learning point?
