Skip to main content
adicionou 130 caracteres ao conteúdo
Fonte Link

FizBasta atribuir o valor table ao display do menu ou incluir um clearfix dentro do menu. Segue exemplo de acordo com o seu códigoabaixo:

.divimg2 {
  background: #eeeeee;
  width: 400px;
  display: table;
}

.divimg2 ul {
  padding: 0 20px;
}

.divimg2 ul li {
  display: inline-block;
}

.divimg2 img {
  float: right; 
}
<!-- Holder.js (apenas para carregar imagem de exemplo) -->
<script src="https://cdn.rawgit.com/imsky/holder/master/holder.js"></script>

<!-- Menu -->
<div id="button">
  <div class="divimg2">
    <ul>
      <img data-src="holder.js/60x24?text=Imagem&theme=industrial">
      <li><a href="#">Link 1</a></li>
      <li><a href="#">Link 2</a></li>
      <li><a href="#">Link 3</a></li>
    </ul>
  </div>
</div>

Execute o trecho de código para ver o resultado e ver se é exatamente isso que quer.

Fiz um exemplo de acordo com o seu código:

.divimg2 {
  background: #eeeeee;
  width: 400px;
  display: table;
}

.divimg2 ul {
  padding: 0 20px;
}

.divimg2 ul li {
  display: inline-block;
}

.divimg2 img {
  float: right; 
}
<!-- Holder.js (apenas para carregar imagem de exemplo) -->
<script src="https://cdn.rawgit.com/imsky/holder/master/holder.js"></script>

<!-- Menu -->
<div id="button">
  <div class="divimg2">
    <ul>
      <img data-src="holder.js/60x24?text=Imagem&theme=industrial">
      <li><a href="#">Link 1</a></li>
      <li><a href="#">Link 2</a></li>
      <li><a href="#">Link 3</a></li>
    </ul>
  </div>
</div>

Execute o trecho de código para ver o resultado e ver se é exatamente isso que quer.

Basta atribuir o valor table ao display do menu ou incluir um clearfix dentro do menu. Segue exemplo abaixo:

.divimg2 {
  background: #eeeeee;
  width: 400px;
  display: table;
}

.divimg2 ul {
  padding: 0 20px;
}

.divimg2 ul li {
  display: inline-block;
}

.divimg2 img {
  float: right; 
}
<!-- Holder.js (apenas para carregar imagem de exemplo) -->
<script src="https://cdn.rawgit.com/imsky/holder/master/holder.js"></script>

<!-- Menu -->
<div id="button">
  <div class="divimg2">
    <ul>
      <img data-src="holder.js/60x24?text=Imagem&theme=industrial">
      <li><a href="#">Link 1</a></li>
      <li><a href="#">Link 2</a></li>
      <li><a href="#">Link 3</a></li>
    </ul>
  </div>
</div>

Execute o trecho de código para ver o resultado e ver se é exatamente isso que quer.

Fonte Link

Fiz um exemplo de acordo com o seu código:

.divimg2 {
  background: #eeeeee;
  width: 400px;
  display: table;
}

.divimg2 ul {
  padding: 0 20px;
}

.divimg2 ul li {
  display: inline-block;
}

.divimg2 img {
  float: right; 
}
<!-- Holder.js (apenas para carregar imagem de exemplo) -->
<script src="https://cdn.rawgit.com/imsky/holder/master/holder.js"></script>

<!-- Menu -->
<div id="button">
  <div class="divimg2">
    <ul>
      <img data-src="holder.js/60x24?text=Imagem&theme=industrial">
      <li><a href="#">Link 1</a></li>
      <li><a href="#">Link 2</a></li>
      <li><a href="#">Link 3</a></li>
    </ul>
  </div>
</div>

Execute o trecho de código para ver o resultado e ver se é exatamente isso que quer.