Если у вас есть учетная запись Office 365, у вас есть Azure Active Directory. При входе в Azure вам нужно будет убедиться, что вы решили использовать свою административную учетную запись администратора (и зарегистрируйтесь для бесплатной пробной версии, если вы еще этого не сделали). После этого на портале Azure нажмите «Active Directory», и вы увидите, что у вас уже есть каталог.
Теперь, если веб-приложение MVC, проверьте Azure Active Directory Samples on GitHub . Также не забудьте взглянуть на несколько разных сценариев , которые задокументированы на MSDN . В частности, я бы рекомендовал посмотреть на WebApp-GraphAPI-DotNet , который является приложением MVC, аутентифицирующимся с помощью OpenID Connect для Azure AD, и с помощью этого для получения подробной информации о API-интерфейсе AAD.
(Изменить: обновленные ссылки на новый материал.)
Проблема заключается в том, что вы добавили следующие стили в свой div:
.terms {
list-style-position: inside;
background-color: powderblue;
box-shadow: 10px 10px 15px dimgray;
padding: 20px;
/*Removing the margins from left and right
margin-left: 370px;
margin-right: 370px;*/
}
Удаление стилей тезисов решит вашу проблему
Вы можете увидеть, как удалить поле слева и справа и добавить метки ul.
Попробуйте использовать% или vh вместо px в вашем css. Div с автоматическим изменением размера при изменении ширины окна \ height Может не соответствовать вашей проблеме, но я думаю, что это имеет отношение к вашим. Я надеюсь, что это поможет.
Вы также можете попробовать с помощью max-width
.terms {
list-style-position: inside;
background-color: powderblue;
box-shadow: 10px 10px 15px dimgrey;
padding: 20px;
max-width: 1160px;
margin: 0 auto;
}
.notes {
text-align: center;
padding: 20px;
font-weight: bold;
border: 10px dotted navy;
display: inline-block;
}
<div class="terms">
<h2> CSS PROPERTIES: </h2>
<ul>
<li> <span class="def"> text-align </span> - left, center, right </li>
</ul>
</div>