I’m trying to code my own site and I’m currently creating a wordpress theme. Here is what it looks like now (http://i.imgur.com/j3pIbI0.jpg). The problem I’m having is that I’ve created a div for my picture and I can’t create a top margin for it. I want there to be some margin about the circle pic. What’s the cleanest way to do this? I’m also worried that I haven’t coded the rest of my site properly and that’s why I’m experiencing problems. Here is my code (http://codepen.io/anon/pen/WvEvPy). Could someone take a look and let me know if it’s ok?
I also was wondering one more thing. I want to create an inside 50% transparent circular border around my pic, like in this example (http://i.imgur.com/KQ8jaIM.jpg). Does anyone know how to do that?
I’ve done sooo much searching and I can’t find problems to these. Any help at all I’d be forever grateful!