PDA

Click to See Complete Forum and Search --> : how better define width of text inside div section?

Taurus
03-08-2008, 07:26 AM
how better set width of text (horizontal margins) and other content inside a div (or paragraf) section? I mean set width in separate section inside body - not with external CSS and not with internal CSS inside <head>.
ryanbutler
03-08-2008, 10:12 AM
Can you re-phrase your question? Because it's probably doable, I just don't understand what you're asking.
WebJoel
03-08-2008, 12:48 PM
Are you asking about inline-styles? Here are some examples:

<div style="width:500px; height:auto; border:3px double silver; padding:25px 30px 35px 25px;">
<p style="margin:8px 0 8px 0; text-indent:10px; font-size:1.0em; color:black;">This is your text and you can say whatever you want to here. For testing purposes, this is just a few lines of text. We will repeat this paragraph a few times to demonstrate some inline-styles... The 'styles' used here are neither "external", nor are the placed within the "&lt;/head&gt;"</p>

<p style="margin:8px 0 8px 0; text-indent:10px; font-size:1.1em; color:red; border:2px solid dotted; padding:3px;">This is your text and you can say whatever you want to here. For testing purposes, this is just a few lines of text. We will repeat this paragraph a few times to demonstrate some inline-styles...The 'styles' used here are neither "external", nor are the placed within the "&lt;/head&gt;"</p>

<p style="margin:8px 0 8px 0; text-indent:10px; font-size:1.5em; color:blue; border-top:3px solid tan; border-bottom:3px solid tan;">This is your text and you can say whatever you want to here. For testing purposes, this is just a few lines of text. We will repeat this paragraph a few times to demonstrate some inline-styles...The 'styles' used here are neither "external", nor are the placed within the "&lt;/head&gt;"</p>

</div>
Taurus
03-08-2008, 05:03 PM
yes, I meant use inline styles. There is old php CMS system on some website, not a very handy designed, sometimes I use it to add page content, which goes inside a DIV container within the body section, so I just need type or paste text/html into a input box. Site have fixed width 100% so content looks too expanded.
It seems, we can just set left/right margins for div, so paragrafs inside will be compressed and we just need justify text.

<div style="margin-left:20px; margin-right:20px;">
<p style="text-indent:10px; text-justify;">