html - trying to remove margin-right of my "" element -


Im has 3 columns with list item, and I do not understand that my first column (# cola1 ) Margin-right was not in other columns, I want to have margin right for all my columns, but I am not doing this. Can you see where the problem can be?

My JSWald with problem:

My html:

   & Lt; Img src = "image1.jpg" width = "700px" height = "360px" /> & Lt; Div id = "info" & gt; & Lt; H1 & gt; Information & lt; / H1> & Lt; Ul id = "col1" & gt; & Lt; Li & gt; & Lt; i class = "fa-phone" title = "phone" & gt; & Lt; / I & gt; Phone & lt; / li & gt; & Lt; Li & gt; & Lt; I class = "fa-fa-print" title = "fax" & gt; & Lt; / I & gt; Phone & lt; / li & gt; & Lt; / Ul & gt; & Lt; Ul id = "col2" & gt; & Lt; Li & gt; & Lt; i class = "fa-home" title = "address" & gt; & Lt; / I & gt; Address & lt; / li & gt; & Lt; Li & gt; & Lt; I class = "fa-fa-map-marker" title = "map" & gt; & Lt; / I & gt; & Lt; One square = "button" href = "# showMap" & gt; & Lt; Span & gt; Show map & lt; / Span & gt; & Lt; / A & gt; & Lt; / li & gt; & Lt; / Ul & gt; & Lt; Ul id = "col3" & gt; & Lt; Li & gt; & Lt; I class = "fa-envelope-o" title = "phone" & gt; & Lt; / I & gt; Email & lt; / li & gt; & Lt; Li & gt; & Lt; I class = "fa-envelope-o" title = "email" & gt; & Lt; / I & gt; Email & lt; / li & gt; & Lt; / Ul & gt; & Lt; / Div & gt;   

My CSS:

  #info h1 {color: red; Font-size: 23px; Margin-bottom: 0;} # info-ul {catalog-style: none;} #info ul li {text-decoration: none; Color: # 000;} # col1 {float: left; Width: 295px; font-size: 16px; Color: # 000; Margin-right: 0;} # col2 {float: left; Margin-right: 50px;}    

What are you trying to do? I have width: 295px; , margin-right: 0; and # col3 {float: left;} removed

Comments

Popular posts from this blog

Java - Error: no suitable method found for add(int, java.lang.String) -

java - JPA TypedQuery: Parameter value element did not match expected type -

c++ - static template member variable has internal linkage but is not defined -