- Jul 28, 2002
- 10,391
- 1
- 81
Sorry for the weird title. Should have been left align.
For some reason I cannot get the contents of a DIV to left align. I have tried everything from justifying, aligning, padding and margins. Listed below is what I have for the div and title class.
div.note
{
border: 1px dashed #ff8c00;
mc-auto-number-class: noteTitle;
mc-auto-number-format: 'Note';
font: normal 10pt verdana;
margin-top: 10px;
padding-left: 4px;
padding-right: 4px;
padding-top: 6px;
padding-bottom: 4px;
}
span.noteTitle
{
color: #ff8c00;
background-color: #ffffff;
position: relative;
top: -14px;
margin-left: 9px;
padding-left: 4px;
padding-right: 4px;
}
Here is the result I am getting.
http://i49.photobucket.com/albums/f286/jcoria/divnotleftaligningcontent.png
Here is the source code for the element in the page.
<h2>More Information</h2>
<div class="note" MadCap:autonum="Note"><span class="autonumber"><span class="noteTitle">Note</span></span>Topics may contain a 'More Information' control. They are interactive and provide information for Related Tasks, Reference Information, etc. Some systems may contain custom groups of related information such as configuration elements. The More Information control functions the same as the Drop Down Text listed above.</div>
I am using an XML HAT, MadCap Flare.
Any suggestions would be greatly appreciated.
Thanks
For some reason I cannot get the contents of a DIV to left align. I have tried everything from justifying, aligning, padding and margins. Listed below is what I have for the div and title class.
div.note
{
border: 1px dashed #ff8c00;
mc-auto-number-class: noteTitle;
mc-auto-number-format: 'Note';
font: normal 10pt verdana;
margin-top: 10px;
padding-left: 4px;
padding-right: 4px;
padding-top: 6px;
padding-bottom: 4px;
}
span.noteTitle
{
color: #ff8c00;
background-color: #ffffff;
position: relative;
top: -14px;
margin-left: 9px;
padding-left: 4px;
padding-right: 4px;
}
Here is the result I am getting.
http://i49.photobucket.com/albums/f286/jcoria/divnotleftaligningcontent.png
Here is the source code for the element in the page.
<h2>More Information</h2>
<div class="note" MadCap:autonum="Note"><span class="autonumber"><span class="noteTitle">Note</span></span>Topics may contain a 'More Information' control. They are interactive and provide information for Related Tasks, Reference Information, etc. Some systems may contain custom groups of related information such as configuration elements. The More Information control functions the same as the Drop Down Text listed above.</div>
I am using an XML HAT, MadCap Flare.
Any suggestions would be greatly appreciated.
Thanks
Last edited: