Text isn't aligning 1

[ibobphotos]

Can someone go to

http://www.ibobphotos.com/cgi-bin/viewer2.pl?view=42&cat=1

and take a look at the bottom where it says IMAGE DETAILS and ADVANCED details?

In FireFox, the text appears to be centered (style2) even though in my CSS file, I told it to left align. The code I used is

.style2 {
	text-align: left;
	font-family: Geneva, Arial, Helvetica, sans-serif;}

Can someone help me get it to where it should go?

 

[Vragabond]

Your style2 refers to the span. Span is an inline element, therefore it only surrounds the content (text) inside the span element. And subsequently span cannot have any alignment -- it is always justified.

You would need to put style2 as a class on the paragraph that holds all the advanced details. If you want to keep different fonts for definition and value (which I don't think looks good), then I suggest you use definition list instead of spans inside a paragraph.

___________________________________________________________
[small]Do something about world cancer today: Comprehensive cancer control information at PACT[/small]

 

[ibobphotos]

Thank you Vragabond. You were right. I stripped out the span tags, instead used p class. And as your opinion regardding the definition and value, now both are the same style2.

Everything appears to be in order now thanks to you. Thank you!