Move social media icons

HTML & CSS
1

Hi,

I’m trying to move my icons further to the right, but when I use the div align center or right code it moves it to much to the right or on top of my logo on my site as shown in the photo

How can I move it exactly where I want?

2

Hi, voxel. Welcome to the forum.

We can’t troubleshoot code by looking at an image. You can post a working page in your next message (starts with doctype, ends with ) with the code that demonstrates the problem so we can see it on our computer the same as you.

You can also post a demo using CodePen that demonstrates the problem.

FYI: tinypic is not a very popular image hosting service around here because of their penchant for spamming ads.

Thanks

3

Indeed - and fixed. (I’ve embedded the image in the post instead.)

2 Likes
4

Here’s the code spinet http://codepen.io/anon/pen/OVJGjm

I used the div align=“center” code but it shows up right on top of my logo and to close to the border of the page header. Same with using align “right” and “left” too far to the borders.

I also used   to differ the space between them.

For future reference what application would I use for that?

Sorry about that.

5

You shouldn’t be using the align HTML attribute - it is deprecated. Use text-align;center;
http://codepen.io/ryanreese09/pen/ZGEZrV

You can see in the CSS, you can change that to text-align:left/right to move.

1 Like
6

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.