CSS на странице влияет на макет ⇐ CSS

[Anonymous]

У меня есть простой cshtml Layout, как это:

Код: Выделить всё

@ViewData["Title"] - TDMajstor

[*]





[list]
@{
string currLink = Context.Request.Path;
}
[url=@Url.Page(]Pocetna[/url]
[*][url=https://termodom.rs]Termodom[/url]
[/list]


@RenderBody()




< /code>
Это CSS: < /p>
body {
}

#HorizontalMenuWrapper {
/*text-align: center; - ako zelim da mi meni bude centriran*/
background-color: #579cff;
width: 100%;
}

#HorizontalMenuWrapper ul {
list-style-type: none;
overflow: hidden;
background-color: #579cff;
font-weight: bolder;
font-size: large;
display: inline-block;
margin: 0;
padding: 0;
vertical-align: top;
height: 49px;
}

#HorizontalMenuWrapper li {
width: 150px;
float: left;
box-sizing:border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border-right: 1px solid;
height: 100%;
}

#HorizontalMenuWrapper li a {
display: block;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}

#HorizontalMenuWrapper li a:hover {
background-color: white;
color: black;
text-decoration: underline;
}

.Active {
background-color: #ff7f00;
}

@media only screen and (max-width: 600px)
{
#HorizontalMenuWrapper li
{
float: none;
}
}
< /code>
Теперь страница бритвы, которая использует этот макет: < /p>
@page
@model TDMajstor.Pages.IndexModel






TDMajstor






TDMajstor
ddd



< /code>
css для этого: < /p>
#MainWrapper
{
width: 100%;
text-align: center;
background-color: red;
}

Проблема заключается в том, чтобы сделать этот текстовый align (поскольку другие я не вижу), но по какой-то причине она также сосредоточена на элементах внутри моего макета (

Код: Выделить всё

ul, li

) плюс я нацелен на идентификатор , но все же он каким-то образом влияет на него. Поэтому я знаю, что этот CSS влияет на это, но для меня нет логики.

Подробнее здесь: https://stackoverflow.com/questions/514 ... its-layout