Transformar table em div

[lezão 0]

Ola pessoal!

Td bem com vcs?

 

Estou tentando fazer esse item ficar em css e naun estou conseguindo alguem pode me ajudar?

<table width="75%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="15%" height="35"><b>Moda da Casa</b></td>
    <td width="55%" style="border-bottom: dotted; border-width: 1px 3px 3px 1px; border-color: black black #000000 #000000"></td>
    <td width="7%"><b>R$ 25,00</b></td>
    <td width="3%" rowspan="2" align="left"><img src="https://clipartart.com/images/delete-button-clipart.jpg" width="75px" heigth="50px"/></td>
  </tr>
  <tr>
    <td colspan="3" height="35">
<div class="label-float">
<input type="text" value="Molho de tomate, mussarela, calabresa ralada, catupiry, alho tostado, cebola, azeitonas e oregano." size="100%" placeholder="" required="">

</div>
</td>
  </tr>
</table>

obrigado!

 

 

 

[lezão 0]

Estou tentando fazer um aqui, mas estou apanhando muito.

Não esta ficando do jeito que eu preciso.

veja ai.

 

CSS

body {
  background: #ededed;
}
.container-cards {
  flex-wrap: wrap;
  display: inline-flex;
  width: 75%;
}
.box-container {
  border: 1px solid red;
  display: flex;
  background: #fcfcfc;
  font:80%/1 Arial;
  font-size: 14px;
  border-radius: 5px;
  align-items: center;
  width: 100%;
  height: 80px;
  border: 1px solid #AAAAAA;
  margin: 10px;
}
.box-container .box-image {
  width: 35%;
  /*background: -webkit-linear-gradient(90deg, #CCCCCC, #FFFFFF) repeat scroll 0 0;*/
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
}
.box-container .box-image img {
  width: 50px;
  height: 50px;
}
.box-container .box-content {	
  /*background: -webkit-linear-gradient(90deg, #F3F3F3, #FFFFFF) repeat scroll 0 0 transparent;*/
  /*background: -moz-linear-gradient(90deg, #FFFFFF, #F3F3F3) repeat scroll 0 0 transparent;*/	
  align-items: left;
  display: flex;
  height: 75%;
  justify-content: left;
  flex-direction: column;
  padding: 100px;
  border-radius: 5px;  
}
.title {
    margin-bottom: 10px;
    font-size: 16px
    font-weight: bold;
    color: #000;   
  }
.description {
    font-size: 14px;
    color: #8a8686;
  }
}	

HTML

    <div align="center">
    <div class="container-cards">
        <div class="box-container" onclick="location.href=''" style="cursor:pointer;">
            <section class="box-content">
                  <label class="title" align="left"><b>Clientes</b></label>
                  <label class="title" align="right"><b>Clientes</b></label>
                  <span class="description">
                      Adicione e gerencie seus Clientes. Adicione e gerencie seus Clientes. Adicione e gerencie seus Clientes. 
                      Adicione e gerencie seus Clientes. Adicione e gerencie seus Clientes. Adicione e gerencie seus Clientes. 
                  </span>
            </section>
            <section class="box-image"><a href="delete.php?id=<?php echo $id; ?>"><img src="imagens/btn_excluir.png" width="35px" heigth="35px"/><a/>
            </section>            
        </div>
    </div> 
    </div>

 

vejam como fica na pagina:

paginateste.php