<!DOCTYPE html>
<meta charset="UTF-8">

<style type="text/css">
* { margin:0; padding:0;}
float: left;
width: 100%;
.margin5 {
margin-right: 200px; 
float: left;
width: 200px; 
margin-left: -200px; 
background: #FDE95E;

<div class="wrapper">
<div id="left2liquid">

<div class="margin5">my domain</div>

<div id="right2column">

<div class="margin5">

  <span style="width:100%;background-color:pink">tabless cell</span>
  <span style="background-color:lightblue">ab</span>

    <td style="width:100%;background-color:lightgreen">table cell</td>
    <td style="background-color:lightblue">ab</td>


</html> has the code above.

It has 2 cells. the first one is red cell which is made without table and
the other is green cell which is made with table.

The red cell is one of my trials for making the result of green cell which is made with table.

My target result is the green cell but without table which is made with table at
I like to make the result like the green cell which is streched to the right fully but without table.