Hi

How do i center-align a items within a <div></div> tag

TIA
Barry

<div style="text-align:center">



"Barry"  wrote in message 
news:%23aa0MKC3HHA.5796@TK2MSFTNGP05.phx.gbl...

> Hi
>
> How do i center-align a items within a <div></div> tag
>
> TIA
> Barry
> 

Barry wrote:

> How do i center-align a items within a <div></div> tag


If the item is a block element, on the item use:

margin-left: auto;
margin-right: auto;

If the item is an inline element, on the div tag use:

text-align: center;

-- 
Gran Andersson
_____
http://www.guffa.com

if i use

<div style="margin-left: auto;margin-right: auto;text-align: center;"> 
gridview is here</div>

the grid view within the div is centered alright, but all the Text in the 
columns is also centered, which i need left-aligned (by default)



"Gran Andersson"  wrote in message 
news:eSeBIhI3HHA.3900@TK2MSFTNGP02.phx.gbl...

> Barry wrote:
>> How do i center-align a items within a <div></div> tag
>
> If the item is a block element, on the item use:
>
> margin-left: auto;
> margin-right: auto;
>
> If the item is an inline element, on the div tag use:
>
> text-align: center;
>
> -- 
> Gran Andersson
> _____
> http://www.guffa.com 

Barry wrote:

> if i use
> 
> <div style="margin-left: auto;margin-right: auto;text-align: center;"> 
> gridview is here</div>
> 
> the grid view within the div is centered alright,


That is only because you are looking at it in Internet Explorer, which 
applies text-align to block elements although it shouldn't. If you look 
at it in a more standards compliant browser, the grid isn't centered.

You applied the margin to the div, not to the item as I said. However, 
as the div doesn't have a specific size, the margin will still be zero. 
If you want to center a block, it has to have a specific width.


> but all the Text in the 
> columns is also centered, which i need left-aligned (by default)


That's because you tried to use both methods. An element can't be both a 
block element and an inline element.


> 
> "Gran Andersson"  wrote in message 
> news:eSeBIhI3HHA.3900@TK2MSFTNGP02.phx.gbl...
>> Barry wrote:
>>> How do i center-align a items within a <div></div> tag
>> If the item is a block element, on the item use:
>>
>> margin-left: auto;
>> margin-right: auto;
>>
>> If the item is an inline element, on the div tag use:
>>
>> text-align: center;
>>
>> -- 
>> Gran Andersson
>> _____
>> http://www.guffa.com 
> 
> 



-- 
Gran Andersson
_____
http://www.guffa.com