Issue with CSS on webpage


#1

Hi, I'm having an issue with my webpage, I am trying just to recreate the BBC site. I am trying to get the seperation line after the "Sign in" button to be the same space apart as the News button, and I also want to center the text "news". Here is a link to it on jsbin. Any help is appreciated :smile:

https://jsbin.com/xabahanoqo/edit?html,output

Thanks


#2

Try floating in CSS. Like this:
float: center;
Don't know about the rest, just look over carefully and criticize your work. Coding is serious. The tiniest typo to the biggest mistake can make a HUGE difference.


#3

@jrpsychgal There's no such thing as float: center;, y'know
MDN


#4

Huh? I was sure there was... And I still think there is. If it seems weird, okay. Just try it. For all you know, @zystvan never has used it and therefore doesn't think it exists. Not saying it's how it is, I'm not completely sure now that there even is a float center but it's worth trying.


#5

Have you taken the time to investigate this?

W3C: CSS3 Positioned Layout Module

Nothing will make us more sure of facts than direct investigation before we start spreading speculation, conjecture and falsehoods.


#6

Aligning an element to the center is usually done by text-align: center


#7

There we go! That's what I was thinking of. :sweat_smile:


#8

I actually looked for that after I made that post. I just couldn't find where I thought there was such a thing.
Aah, I'm making no sense! :confounded:
Anyway, I assure you I looked. :slight_smile: