title: Yii2 - DetailView widget float left
body: <p>I'm trying to override the disposal of the <code>DetailView</code> widget by applying new css class but with no luck. I want all the records shown in the several instances of a <code>DetailView</code> widget to appear side by side. I create a class in <code>app\web\css</code> called <code>detail1-view</code> and apply it to the <code>detaiview.php</code> in vendor folder. The class has <code>float:left</code>, or <code>display:inline-block</code> in it, but none of the attributes work.</p>
  
  <p>My Detailview is:</p>
  
  <pre><code>&lt;?= DetailView::widget([
      'model' =&gt; $model,
      'attributes' =&gt; [
        //'titulo',
        'noticia',
          // cria um array com a fotografia, em que
          // carrega a path no campo fieldName da bd
          [
              'attribute'=&gt;'fotodir',
              'value'=&gt;$model-&gt;fotodir,
              'format' =&gt; ['image', ['width'=&gt;'230','height'=&gt;'200']],
          ],
      ],
  ]) ?&gt;
  </code></pre>
  
  <p>and my <code>detailview.php</code> in folder <code>vendor/yiisoft/yii2/widgets/...</code> has in it the <code>detail1-view</code> class in the right place:</p>
  
  <pre><code>public $options = ['class' =&gt; 'detail1-view'];
  </code></pre>
  
  <p>My CSS:</p>
  
  <pre><code>.detail1-view {
      display: inline-block;
      width: 30%; 
      border:1px solid #000;
  }
  </code></pre>
  
  <p>The <code>DetailView</code> continues to display one in top of another and not side by side.</p>
  
  <p>Anybody has a solution for this issue ?</p>