I'm a novice at designing websites but trying to add some contact details on my homepage.
Ideally I'm trying to achieve the layout you can see in this posts attached image.
I'm struggling to:
1. Get vertical text alignment
2. Add space between the name, email, number
3. Add a line underneath the name which isn't the default underline
I've attached the current html and css code.
Any help would be much appreciated!
|Screen Shot 2013-10-20 at 15.16.44.png||20.12 KB|
|Screen Shot 2013-10-20 at 15.24.28.png||11.43 KB|
|Screen Shot 2013-10-20 at 15.25.51.png||14.12 KB|
Hi georgeadams, Vertical text
Vertical text alignment try playing with line-height
For the space between you might want to change the markup to something like.
It would be much easier to space the spans then.
The markup may make more sense as an unordered list, but that is another issue.
The underline should be easy to fix if you use firebug or one of the browser inbuilt CSS debugging tools, or provide a link to a working example