- This topic is empty.
Viewing 7 posts - 1 through 7 (of 7 total)
Viewing 7 posts - 1 through 7 (of 7 total)
- The forum ‘CSS’ is closed to new topics and replies.
The forums ran from 2008-2020 and are now closed and viewable here as an archive.
Its been months since I wanted to get hold of aligning “div”s correctly across the screen and the vertically. and also align the text inside it.
Another problem I’m facing is with aligning text in an “li” vertically. “vertical-align:middle;” doesn’t seem to work :(
Link to the HTML file : [http://pastebin.com/kJPFbA7Z](http://pastebin.com/kJPFbA7Z “biticexam.ac.in | Website”)
Link to the CSS file : http://pastebin.com/pWq2Sd77
How I want it to be : http://lookpic.com/O/i2/151/q0CAd3Xb.jpeg
https://dl.dropbox.com/u/6304809/BIT_Logo.jpg
Your image link does not work so we can’t work on your code.
Aligning text inside anything is a matter of text-align (for left/center/right) and setting a line-height for the text to the same as the height of the containing element (for vertical alignment).
try adding text-align: center; to #hd
Can you make a reduced case in Codepen or provide a link to a live site?
This is what I have so far: http://codepen.io/anon/pen/sjzGa
We can’t really help until we can see how things react to changes.
@Paulie_D Sorry for late response.
What I’m actually trying to do is make,
“biticexam.ac.in” look similar to “bitmesra.ac.in” as they belong to same organization.
I’ve edited the : http://codepen.io/anon/pen/sjzGa
Img link :
https://lh5.googleusercontent.com/-YTvPpvIU4nM/UGpcFADOL4I/AAAAAAAAAc0/ij0dzH2FdQ8/s500/BIT_Logo.jpg
I’ve given you the layout, you can just add the image and adjust the fonts how you want.
You can take it from here.