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
Post a Comment