Display DIV content in center using CSS

akhter

SOLVED CLOSED ACTIVE ANSWERED
User: akhter
Posted: on Nov 17, 2022 02:05 AM
Forum: HTML and CSS
Answer: 1
Views: 1397
Sample Code: Download

I am trying to setting div content in webform center but it is not working.

<div class="center"> 
    <label> Start Date</label>  
    <asp:TextBox ID="txtitempbstart" runat="server" TextMode="Date" ></asp:TextBox>
    <label> End Date</label>    
    <asp:TextBox ID="txtitempbend" runat="server" TextMode="Date" ></asp:TextBox> 
    Code : <asp:TextBox ID="TBESearch" runat="server"></asp:TextBox>           
    <asp:Button ID="Search" runat="server" Text="Search" OnClick="Search_Click" />
</div>

all control come in row and keep in center

Download FREE API for Word, Excel and PDF in ASP.Net

PrinceG

0 2

Reply
ANSWER
User: PrinceG
Replied: on Nov 17, 2022 03:43 AM
Report

Hi akhter,

Set DIV text-align to center and display to block.

Please refer below sample.

HTML

<div class="center">
    <label>Start Date</label>
    <input name="txtitempbstart" type="date" id="txtitempbstart" />
    <label>End Date</label>
    <input name="txtitempbend" type="date" id="txtitempbend" />
    Code :
    <input name="TBESearch" type="text" id="TBESearch" />
    <input type="submit" name="Search" value="Search" id="Search" />
</div>
<style type="text/css">
    .center { text-align: center; display: block; }
</style>

Demo

I agree, here is the link: https://www.e-iceblue.com/Introduce/spire-office-for-net-free.html

Display DIV content in center using CSS

Company

Explore

Follow us

Contact Us