I wonder if this is even possible without modifying the HTML, but, say that you have a list of inline-block elements of a variable width that are dynamically added. You don't want any margin between the elements and the parent, but in case they start forming two lines, you'd like to have some space between them.
I've tried `::first-line` but it doesn't work for margins. So does anyone know how to do this?

Take this example:

```css
.parent {
  margin: 20px;
  background: #555;
  padding: 1px;
}
.parent p {
  display: inline-block;
  margin: 0;
  margin-right: 5px;
  padding: 0;
  background: #CCC;
}
.parent::first-line {
  margin-bottom: 10px;/* not working */
}
```

```html
<div class="parent">
  <p>Lorem ipsum dolor</p>
  <p>sit amet,</p>
  <p>consectetur adipisicing elit.</p>
  <p>Tempora,</p>
  <p>numquam, reiciendis.</p>
  <p>Voluptatum molestias,</p>
  <p>sequi iste itaque corporis ducimus,</p>
  <p>vero commodi sed fugiat</p>
  <p>qui a perferendis sint,</p>
  <p>magnam doloribus quidem.</p>

</div>
```