Layout width css -


I can not fit all the images in a row Images are 210px wide, no margins, no limit padding and containers 1050px is wide. If there is no margin, no padding, no limit, then 210x5 = 1050px, should fit?

  & lt ;! DOCTYPE html & gt; & Lt; Html & gt; & Lt; Top & gt; & Lt; Meta charset = "UTF-8" & gt; & Lt; Title & gt; Egerichio 9 & lt; / Title & gt; & Lt; Style & gt; Body {margin: 0; White-space: Abrop; } #bolas {margin: auto auto; Width: 1050px; } .bolas_billar {margin: 0; Padding: 0; / * Display: inline; Status: Relative; Top: 50%; Margin-top: -85px; * /} & Lt; / Style & gt; & Lt; / Head & gt; & Lt; Body & gt; & Lt; Div id = "bolas" & gt; & Lt; Img id = "bola7" class = "bolas_billar" src = "./images/bola7.jpeg" alt = "speak biller 7" width = "210" height = "170" & gt; & Lt; Img id = "bola8" class = "bolas_billar" src = "./ / images / bola8.jpeg" alt = "speak biller 8" width = "210" height = "170" & gt; & Lt; Img id = "bola9" class = "bolas_billar" src = "./ / images / bola9.jpeg" alt = "speak biller 9" width = "210" height = "170" & gt; & Lt; Img id = "bola10" class = "bolas_billar" src = "./images/bola10.jpeg" alt = "speaks biller 10" width = "210" height = "170" & gt; & Lt; Img id = "bola13" class = "bolas_billar" src = "./images/bola13.jpeg" alt = "speaks biller 13" width = "210" height = "170" & gt; & Lt; / Div & gt; & Lt; / Body & gt; & Lt; / Html & gt;   

add font-size: 0 main code for #bolas If you want some text inside the container, specify the font size separately:

  body {margin: 0; } #bolas {margin: auto auto; Width: 1050px; Font-size: 0; // Added} .bolas_billar {margin: 0; Padding: 0; }  

Demo:


Comments

Popular posts from this blog

java - Can't add JTree to JPanel of a JInternalFrame -

javascript - data.match(var) not working it seems -

javascript - How can I pause a jQuery .each() loop, while waiting for user input? -