Welcome to the MacNN Forums.

nonhuman · Oct 27, 2005, 02:10 PM

I'm having trouble getting some basic text formatting to work right. I have some text that needs to be indented. For some reason if the text is too long to fit on one line, only the first line is indented and any subsequent lines are not indented leaving it looking like crap. For the actual indenting I'm using padding-left which really ought to do what I want.

Does anyone have any idea of why this would be or what could be causing it? I've included the HTML below.

Code:
<html>
<head>
<style type="text/css">
.title {
margin-left:20px;
margin-top:65px;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size:2.25em;
color:#006699;
float:left;
vertical-align: middle;
}

#header { 
text-align: right;
border-bottom: solid 1px #006699;
width:100%;
}

#body {
clear: left;
}

#left_menu {
border-right: 1px solid #006699;;
clear:left;
float:left;
padding-right:20px;
padding-top: 10px;
width: 160px;
height: 65px;
text-align: center;
}

.header_text {
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 0.9em;
font-weight: bold;
padding-left: 5px;
}

.description_text {
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size:0.9em;
padding-left: 5px;
padding-right: 5px;
}

</style>


</head>
<body>
<div style="page-break-after: always;">
<div id="header">
<span class="title">stuff</span>
<img src="" height="120" width="221" alt="logo goes here" style="border-left: solid 1px #006699;"/>
</div>
<div style="border-left: 1px solid #006699; height: 525px; width: 221px; float: right;"></div>
<div id="body">
<div id="left_menu">
<img src="images/logos/129.png" width="160" height="39"/>
</div>
<div style="height: 10px;"></div>
<span class="header_text">This is a thing</span><br />
<span class="description_text">This is a description of the thing that is long enough to go onto more than one line. So long as the window is narrow enough, anyway.</span>
</div>
</div>
</body>
</html>

Tesseract · Oct 27, 2005, 03:40 PM

Try setting a margin-right on the left_menu.

nonhuman · Oct 27, 2005, 03:46 PM

Good idea, I can't believe I didn't think of that.

nonhuman · Oct 27, 2005, 03:47 PM

Sweet, that totally fixed it.

Thanks!