HTML
<body>
<div class="menu_items">
<h1>My Heading</h1>
<nav>
<a>Item 1</a>
<a>Item 2</a>
<a>Item 3</a>
<a>Item 4</a>
</nav>
<div>
</body>
CSS
.menu_items nav a
{
display: inline;
margin-right: 10px;
text-align: right;
}
This does not appear to move the menu_items to the right side of the page. What am I doing wrong?
>Solution :
One way to achieve that is to move the text-align to .menu_items nav
.menu_items nav {
text-align: right;
}