html - Filled up 100% of the width but on newline doesn't centre align -


I'm trying to create a webpage with a box on the main page and it looks like this

  Login ----- or ----- Register   

This is the code I have

   & Lt; P style = "float: left; margin-left: 2%; margin-right: 2%, width: 4%;" & Gt; Or & lt; / P & gt; & Lt; Hour style = "width: 16%; float: right; margin-right: 30%;" /> & Lt; P & gt; Register & lt; / P & gt; & Lt; / Center & gt; It looks like  

Here "> I have 1 problem and 1 thing that I need to help

The problem is that register text is not coalition, even if it should be and which is I need help with cheese & lt; Hour & gt;

In this way - sorry for a very bad image

Please help me with it.

I .

HTML

  & lt; Div id = "container" & gt; & Lt; P & gt; Login & lt; / P & gt; & Lt; Div id = "or" & gt; & Lt; Period & gt; Or & lt; / Span & gt; & Lt; / Div & gt; & Lt; P & gt; Register & lt; / P & gt; & Lt; / Div & gt;   

CSS

  #container {text-align: center; } # Or {height: 2px; Background color: black; Text align: center; } Period {background color: white; Status: Relative; Top: -0.5m; Padding: 0 10px; }    

Comments

Popular posts from this blog

excel vba - How to delete Solver(SOLVER.XLAM) code -

github - Teamcity & Git - PR merge builds - anyway to get HEAD commit hash? -

ios - Replace text in UITextView run slowly -