How to override text-align to have RadSiteMap alignment to the 'right' of a DIV ?

[Pierick Mellerin]

Hello,

My RadSiteMap control is in a DIV and I would like to align it to the right of the DIV:

<div id="col3" style="Width:40%">
 <telerik:RadSiteMap ID="SiteMap1" runat="server" DataTextField="Text" DataNavigateUrlField="NavigateUrl">
 <DefaultLevelSettings ListLayout-RepeatDirection="Horizontal" SeparatorText=">" Layout="Flow" />
</telerik:RadSiteMap>
</div>

So, I have tried many overrides without success:

#SiteMap1 .Header, .rsmLevel, .rsmItem, .ContentHolder, .rsmTemplate, .rsmList, .rsmFlow etc
{
    text-align: right;
}
 
So, is there a way to override text-align ?

Thanks in advance.

Pierrick

[Pierick Mellerin]

The same behavior appears for the RadMenu control and I imagine that it is the same origin, so I would like to know if it is by design that it is not possible to override the "text-align" attribute for these controls ?

Otherwise, what is the workaround for having a SiteMap/RadMenu control aligned to the right of its container (DIV) ?

Thanks in advance!

Pierrick

[Pierick Mellerin]

OK, I have found the following solution:

div.RadSiteMap
{
    float: right;
}

Thanks.

Pierrick