Assistence with html/css? -
Well, I want these blocks to be aligned next to each other like a normal webpage, but I do not Because you can not align next to the "left" block, which is the first "left" block which indicates that it moves to the left, it remains on the left side, the other "center" and "right" blocks next to the "left" block. Instead they go to the bottom of the page and stack on each other
How do I get my blocks to go next to each other in a real webpage?
The code is like this.
HTML
& lt ;! DOCTYPE html & gt; & Lt; Html & gt; & Lt; Top & gt; & Lt; Link rel = "stylesheet" type = "text / css" href = "css.css" & gt; & Lt; Title & gt; Title & lt; / Title & gt; & Lt; / Head & gt; & Lt; Body & gt; & Lt; H1 & gt; Title & lt; / H1> & Lt; Div id = "left" & gt; & Lt; Div id = "leftcontent" & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; Div id = "center" & gt; & Lt; Div id = "centercontent" & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; Div id = "right" & gt; & Lt; Div id = "rightcontent" & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Body & gt; & Lt; / Html & gt;
CSS
body {background: black; } H1 {font-size: 100px; Text-align: center; Color: # F433FF; Text-shadow: 0 0 10px #fff, 020px #fff, 0-40px #ff00de, 070px #ff00de, 080px #ff00de, 0 100px #ff00de, 0 150px #ff00de; } #left {background-color: yellow; Height: 1500px; Bottom: 40px; Width: 300px; Margin-left: 100px; #LeftContent {float: right; } # Center {background: purple; In line; Height: 300px; } #CenterContent {} #Right {Background: Pink; } #right content {}
Perhaps putting it in a text editor, see what the problem is? thank you in advanced!
You can do this
container {width: 900px ; Hidden flurry; } #left, # center, #right (float: left; width: 300px; height: 1500px; background: yellow;}
Comments
Post a Comment