vincent marc villafuerte vincent marc villafuerte - 1 year ago 83
CSS Question

Why is negative margin on both left and right is not working?

I have an image and I put css style

but is just collapsing, it should be bigger.

Is there any alternative way to do this?

Why isn't negative margin on both left and right working properly?


<img class="myslide" src="img/text.jpg">

.myslide {

Answer Source

I would avoid to style image element this way - same as for inputs. It is just specific element in HTML. Create wrapper, add there margin: 0 -50px; width: auto; And then specify img to width: 100%;

.page {
  width: 100px;
  margin: 0 auto;
  padding: 50px 0;
  background-color: gray;
.wrapper {
  margin: 0 -50px;
.wrapper img {
  width: 100%;
<div class="page">
  <div class="wrapper">
    <img src="" />

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download