https://i.sstatic.net/WvBbF.png
I'm struggling to add a logo to the right corner of this div
The logo size is too big and it doesn't adjust properly to the existing div height and width
Below is the code I've tried, but the image is ruining the style:
https://i.sstatic.net/8ayIk.png
here is my code
<div style="border: solid;">
<div>
<%--<img src="Images/logo.png" />--%>
</div>
<div style="display: flex; width: 100%;">
<div>
<asp:RadioButtonList ID="rdx1" runat="server" RepeatDirection="Horizontal">
<asp:ListItem Selected="True">Apple</asp:ListItem>
<asp:ListItem>Banana</asp:ListItem>
<asp:ListItem>Peach</asp:ListItem>
<asp:ListItem>Lemon</asp:ListItem>
</asp:RadioButtonList>
</div>
<div style="background-color: aqua; display: flex; flex: 1;">
<asp:TextBox runat="server" ID="txtRepText" Placeholder="Search Text" Width="100%" ></asp:TextBox>
</div>
<div>
<asp:Button ID="btn2" runat="server" Text="Search" Font-Bold="true" />
</div>
</div>
<hr />
<div>
<asp:CheckBox ID="cbx3" runat="server" Checked="true" Text="Red" />
<asp:CheckBox ID="cbx4" runat="server" Checked="true" Text="Yellow" />
<asp:CheckBox ID="cbx5" runat="server" Checked="true" Text="Green" />
<asp:CheckBox ID="cbx6" runat="server" Checked="true" Text="Blue" />
<asp:CheckBox ID="cbx7" runat="server" Checked="true" Text="Brown" />
<asp:CheckBox ID="cbx8" runat="server" Checked="true" Text="Pink" />
</div>
</div>
<div>More controls</div>
</div>
Does anyone know a solution for this issue?