Red Eye Photography - Footer alignment


#1

Red eye photography project last step my footer is not aligning as far right as the demo.

Here is my CSS:

.footer {
color: #31363d;
font-size: 10px;
height: 70px;
line-height: 70px;
padding-right: 40px;
text-align: right;
text-transform: uppercase;
margin-bottom: 100px;
}

Here is my HTML:

<div class="footer">
<p>PHOTOGRAPHY BY MATTHEW WIEBE</p>
</div>

Demo version

My Version:


#2

Hey James,

Try removing or decreasing it's padding-right. That should at least get you closer to your goal, if the footer text is still too far to the left, could you copy/paste your entire code into a Fiddle, please? Thanks :


#3

I removed the padding right altogether and it's still not moving at all.

Here is a fiddle:

https://jsfiddle.net/#&togetherjs=QdrHBkl1qA


#4

if you want this:

<div class="footer">
      <p>PHOTOGRAPHY BY MATTHEW WIEBE</p>
</div>

to be on the absolute right side, i would move it below/after the container (div with class container)


#5

Yep that was the case. I actually didn't have my indentation lined up so I didn't realize it was still in the container. Makes sense.