Spreading div content evenly without using tables

Hello,

I want the days of the week to be spread evenly in 125px cells without using tables.

This works in IE6 if I do NOT include a dtd but it does not work in any browser with a valid dtd.  

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
      "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Example</title>
<style>
div {
width: 125px;
text-align: center;
display: inline;
}
</style>
</head>
<body>

<div>Monday</div><div>Tuesday</div><div>Wednesday</div><div>Thursday</div><div>Friday</div><div>Saturday</div>

</body>
</html>
LVL 16
hankknightAsked:
Who is Participating?
 
MikkkConnect With a Mentor Commented:
The official form is:

<STYLE TYPE="text/css">
<!--
div {
width: 125px;
text-align: center;
display: inline;
}
-->
</STYLE>
0
 
hankknightAuthor Commented:
Thanks, that might validate better but it does not solve the problem.

Now all the words run togeather.  I want them each in a 125px cell.
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.