html - How do i center a div class? -


i having trouble centering div class. want div class centered in page scroll @ moment stuck on left. have tried floating center did nothing , amateur not sure else try.

html

<div class = "container">     <ul>         <li class = "image">         <img src = "blackbox.jpg" height="200px">         </li>          <li class = "image">         <img src = "blackbox.jpg" height="200px">         </li>          <li class = "image">         <img src = "blackbox.jpg" height="200px">         </li><br>          <li class = "image">         <img src = "blackbox.jpg" height="200px">         </li>          <li class = "image">         <img src = "blackbox.jpg" height="200px">         </li>          <li class = "image">         <img src = "blackbox.jpg" height="200px">         </li><br>          <li class = "image">         <img src = "blackbox.jpg" height="200px">         </li>          <li class = "image">         <img src = "blackbox.jpg" height="200px">         </li>          <li class = "image">         <img src = "blackbox.jpg" height="200px">         </li>          </ul> </div>

css

.image { display: inline; padding: 0 10px 10px 10px; }  .container { width: 700px; }

try code 

.container{     width: 700px;      margin: 0 auto;     }

see demo http://jsfiddle.net/jentidabhi/4q9j40m1/


Comments

Post a Comment

Popular posts from this blog

r - Trouble relying on third party package imports in my package -

my package uses ggplot2 extensively make custom plots. import ggplot2 in namespace file. can build, install, , load package r without errors. when call function package, complains can't find function in imported package. function called had absolute nothing plotting , didn't make use of ggplot2 . how can make function calls package work without these types of errors? error in theme_beata() (from plot.r#14) : not find function "theme_classic" the first function erroring is: #' custom ggplot2 theme beata #' @import ggplot2 #' @family themes #' inheritparams ggplot2::theme_classic #' @export theme_beata <- function(base_size = 14, base_family="serif", ticks = true) { ret <- theme_classic() + theme(axis.line = element_line(size=0.6), axis.text = element_text(size = base_size), axis.title = element_text(size= base_size + 2), title = element_text(size=base_size + 4)) if (...
Read more

Payment information shows nothing in one page checkout page magento -

i using magento ver. 1.9.1.0 want remove shipping information , shipping method step 1 page checkout page. changed code in core file like in app\code\core\mage\checkout\block\onepage.php public function getsteps() { $steps = array(); $stepcodes = $this->_getstepcodes(); /* remove shipping address , shipping method */ $excludestep=array_diff($stepcodes,array('shipping','shipping_method')); //$excludestep=$stepcodes; if ($this->iscustomerloggedin()) { $stepcodes = array_diff($excludestep, array('login')); } foreach ($excludestep $step) { $steps[$step] = $this->getcheckout()->getstepdata($step); } return $steps; } and in app\code\core\mage\checkout\controllers\onepagecontroller.php public function savebillingaction() { if ($this->_expireajax()) { return; } if ($this->getrequest()-...
Read more