I am trying 2 column layout using CSS to divide the sapce in 2 halfs. However the {.tabset} command is not working. I have tried multiple combinations but no help.
---
title: "2 Column layout with tabs"
output:
html_document:
css: style.css
---
<div class = "col-leftmid">
# A {.tabset}
## abc
</div>
<div class = "col-rightmid">
# B {.tabset}
## xyz
</div>
here is style.css content for column divide used
.col-leftmid{
float: left;
width: 50%;
text-align: left;
}
.col-rightmid{
float: right;
width: 50%;
text-align: left;
}