How to assign space between two Divs using CSS in ASP.Net

florenz

SOLVED CLOSED ACTIVE ANSWERED
User: florenz
Posted: on Jan 12, 2017 01:47 AM
Forum: HTML and CSS
Answer: 2
Views: 14369

I code a div just like below, but my problem is the spacing. how can I give them an space horizontally for a quarter of inch?

<div class="container">
	<div class="row">
		<div class="col-sm-1">
			<i class="fa fa-id-card"></i>
        </div>
        <div class="col-sm-1">
			<i class="fa fa-id-card"></i>
        </div>
    </div>
</div>

AnandM

0 1

Reply
ANSWER
User: AnandM
Replied: on Jan 12, 2017 01:53 AM
Modified: on Jan 12, 2017 03:36 AM
Report

Hi florenz,

You can achieve it by doing in two ways.

Refer below html

HTML

<div class="container">
    <div class="container">
        <div class="row">
            <div class="col-sm-1">
                <i class="fa fa-id-card"></i>&nbsp;&nbsp;<i class="fa fa-id-card"></i>
            </div>
        </div>
    </div>
</div>
<div class="container">
    <div class="row">
        <div class="col-sm-1" style="margin-right: -40pt">
            <i class="fa fa-id-card"></i>
        </div>
        <div class="col-sm-1">
            <i class="fa fa-id-card"></i>
        </div>
    </div>
</div>

Logic24

0 2

Reply
ANSWER
User: Logic24
Replied: on Jan 12, 2017 01:53 AM
Report

You can give space using margin attribute of Css.

<div class="container">
    <div class="row">
        <div class="col-sm-1" style="margin-right:24px">
            <i class="fa fa-id-card"></i>
        </div>
        <div class="col-sm-1">
            <i class="fa fa-id-card"></i>
        </div>
    </div>
</div>

How to assign space between two Divs using CSS in ASP.Net

Company

Explore

Follow us

Contact Us