How to make padding? [duplicate]











up vote
0
down vote

favorite













This question already has an answer here:




  • CSS display: inline vs inline-block [duplicate]

    1 answer



  • What is the difference between display: inline and display: inline-block?

    4 answers




I have next HTML:



<div>

  <b>Text</b>

  <br>next line

</div>


I try to make padding after first line, but neither work:



div > :first-child {

    margin-bottom: 0.5em;

}





div > :first-child {

    padding-bottom: 0.5em;

}


How to make padding after first line?






html css







share|improve this question















marked as duplicate by LGSon html
Users with the  html badge can single-handedly close html questions as duplicates and reopen them as needed.

StackExchange.ready(function() {
if (StackExchange.options.isMobile) return;

$('.dupe-hammer-message-hover:not(.hover-bound)').each(function() {
var $hover = $(this).addClass('hover-bound'),
$msg = $hover.siblings('.dupe-hammer-message');

$hover.hover(
function() {
$hover.showInfoMessage('', {
messageElement: $msg.clone().show(),
transient: false,
position: { my: 'bottom left', at: 'top center', offsetTop: -7 },
dismissable: false,
relativeToBody: true
});
},
function() {
StackExchange.helpers.removeMessages();
}
);
});
});
 yesterday


This question has been asked before and already has an answer. If those answers do not fully address your question, please ask a new question.











  • 1




    Make it (the <b>) display: inline-block ... or display: block and you can get rid of the <br>
    – LGSon
    yesterday












  • @LGSon: Create the answer I will accept it
    – Eugen Konkov
    yesterday












  • Linked it instead, as those answers are as good as it gets :)
    – LGSon
    yesterday

















up vote
0
down vote

favorite













This question already has an answer here:




  • CSS display: inline vs inline-block [duplicate]

    1 answer



  • What is the difference between display: inline and display: inline-block?

    4 answers




I have next HTML:



<div>

  <b>Text</b>

  <br>next line

</div>


I try to make padding after first line, but neither work:



div > :first-child {

    margin-bottom: 0.5em;

}





div > :first-child {

    padding-bottom: 0.5em;

}


How to make padding after first line?






html css







share|improve this question















marked as duplicate by LGSon html
Users with the  html badge can single-handedly close html questions as duplicates and reopen them as needed.

StackExchange.ready(function() {
if (StackExchange.options.isMobile) return;

$('.dupe-hammer-message-hover:not(.hover-bound)').each(function() {
var $hover = $(this).addClass('hover-bound'),
$msg = $hover.siblings('.dupe-hammer-message');

$hover.hover(
function() {
$hover.showInfoMessage('', {
messageElement: $msg.clone().show(),
transient: false,
position: { my: 'bottom left', at: 'top center', offsetTop: -7 },
dismissable: false,
relativeToBody: true
});
},
function() {
StackExchange.helpers.removeMessages();
}
);
});
});
 yesterday


This question has been asked before and already has an answer. If those answers do not fully address your question, please ask a new question.











  • 1




    Make it (the <b>) display: inline-block ... or display: block and you can get rid of the <br>
    – LGSon
    yesterday












  • @LGSon: Create the answer I will accept it
    – Eugen Konkov
    yesterday












  • Linked it instead, as those answers are as good as it gets :)
    – LGSon
    yesterday















up vote
0
down vote

favorite









up vote
0
down vote

favorite












This question already has an answer here:




  • CSS display: inline vs inline-block [duplicate]

    1 answer



  • What is the difference between display: inline and display: inline-block?

    4 answers




I have next HTML:



<div>

  <b>Text</b>

  <br>next line

</div>


I try to make padding after first line, but neither work:



div > :first-child {

    margin-bottom: 0.5em;

}





div > :first-child {

    padding-bottom: 0.5em;

}


How to make padding after first line?






html css







share|improve this question
















This question already has an answer here:




  • CSS display: inline vs inline-block [duplicate]

    1 answer



  • What is the difference between display: inline and display: inline-block?

    4 answers




I have next HTML:



<div>

  <b>Text</b>

  <br>next line

</div>


I try to make padding after first line, but neither work:



div > :first-child {

    margin-bottom: 0.5em;

}





div > :first-child {

    padding-bottom: 0.5em;

}


How to make padding after first line?





This question already has an answer here:




  • CSS display: inline vs inline-block [duplicate]

    1 answer



  • What is the difference between display: inline and display: inline-block?

    4 answers







html css




html css






share|improve this question















share|improve this question













share|improve this question




share|improve this question








edited yesterday









Nick Parsons

2,0682518




2,0682518










asked yesterday









Eugen Konkov

5,41833659




5,41833659




marked as duplicate by LGSon html
Users with the  html badge can single-handedly close html questions as duplicates and reopen them as needed.

StackExchange.ready(function() {
if (StackExchange.options.isMobile) return;

$('.dupe-hammer-message-hover:not(.hover-bound)').each(function() {
var $hover = $(this).addClass('hover-bound'),
$msg = $hover.siblings('.dupe-hammer-message');

$hover.hover(
function() {
$hover.showInfoMessage('', {
messageElement: $msg.clone().show(),
transient: false,
position: { my: 'bottom left', at: 'top center', offsetTop: -7 },
dismissable: false,
relativeToBody: true
});
},
function() {
StackExchange.helpers.removeMessages();
}
);
});
});
 yesterday


This question has been asked before and already has an answer. If those answers do not fully address your question, please ask a new question.






marked as duplicate by LGSon html
Users with the  html badge can single-handedly close html questions as duplicates and reopen them as needed.

StackExchange.ready(function() {
if (StackExchange.options.isMobile) return;

$('.dupe-hammer-message-hover:not(.hover-bound)').each(function() {
var $hover = $(this).addClass('hover-bound'),
$msg = $hover.siblings('.dupe-hammer-message');

$hover.hover(
function() {
$hover.showInfoMessage('', {
messageElement: $msg.clone().show(),
transient: false,
position: { my: 'bottom left', at: 'top center', offsetTop: -7 },
dismissable: false,
relativeToBody: true
});
},
function() {
StackExchange.helpers.removeMessages();
}
);
});
});
 yesterday


This question has been asked before and already has an answer. If those answers do not fully address your question, please ask a new question.










  • 1




    Make it (the <b>) display: inline-block ... or display: block and you can get rid of the <br>
    – LGSon
    yesterday












  • @LGSon: Create the answer I will accept it
    – Eugen Konkov
    yesterday












  • Linked it instead, as those answers are as good as it gets :)
    – LGSon
    yesterday
















  • 1




    Make it (the <b>) display: inline-block ... or display: block and you can get rid of the <br>
    – LGSon
    yesterday












  • @LGSon: Create the answer I will accept it
    – Eugen Konkov
    yesterday












  • Linked it instead, as those answers are as good as it gets :)
    – LGSon
    yesterday










1




1




Make it (the <b>) display: inline-block ... or display: block and you can get rid of the <br>
– LGSon
yesterday






Make it (the <b>) display: inline-block ... or display: block and you can get rid of the <br>
– LGSon
yesterday














@LGSon: Create the answer I will accept it
– Eugen Konkov
yesterday






@LGSon: Create the answer I will accept it
– Eugen Konkov
yesterday














Linked it instead, as those answers are as good as it gets :)
– LGSon
yesterday






Linked it instead, as those answers are as good as it gets :)
– LGSon
yesterday



















active

oldest

votes






















active

oldest

votes













active

oldest

votes









active

oldest

votes






active

oldest

votes

-

Popular posts from this blog

Florida Star v. B. J. F.

Image
Florida Star v. B. J. F. From Wikipedia, the free encyclopedia Jump to navigation Jump to search United States Supreme Court case Florida Star v. B. J. F. Supreme Court of the United States Argued March 21, 1989 Decided June 21, 1989 Full case name The Florida Star v. B. J. F. Citations 491 U.S. 524 ( more ) 109 S. Ct. 2603; 105 L. Ed. 2d 443; 1989 U.S. LEXIS 3120; 57 U.S.L.W. 4816; 16 Media L. Rep. 1801 Prior history The Florida Star v. B.J.F., 530 So.2d 286 (1988) Supreme Court of Florida; Florida Star v. B.J.F., 499 So.2d 883 (1986) Fla. Dist. Court of Appeals Holding Florida Stat. § 794.03 is unconstitutional to the extent it makes the truthful reporting of information that was a matter of public record unlawful, as it violates the First Amendment. Court membership Chief Justice William Rehnquist Associate Justices William J. Brennan Jr.  · Byron White Thurgood Marshall  · Harry Blac
Read more

Error while running script in elastic search , gateway timeout

Image
0 while running script in elastic search, I got 504 Gateway timeout error. { "query": { "bool": { "filter": { "script": { "script": " doc['creted_date'].date.getMonthOfYear() == 12 " } } } }, "aggs": { "test": { "date_histogram": { "field": "creted_date", "interval": "month", "format": "MMM" }, "aggs": { "cost": { "sum": { "field": "cost" } } }
Read more

Adding quotations to stringified JSON object values

Image
0 My stringified object data doesn't include quotation marks around object values, which errors when attempting JSON.parse() : '{ "affiliation": CORPORATE, "userId": 75c35d1c-5d12-4485-8fa8-b2f1551a3e6e }' I need the string to be: '{ "affiliation": "CORPORATE", "userId": "75c35d1c-5d12-4485-8fa8-b2f1551a3e6e" }' I'm using this regex to add quotes to the object keys: var newStr = str.replace(/(['"])?([a-z0-9A-Z_]+)(['"])?:/g, '"$2": '); For instance: '{ affiliation: CORPORATE }' to '{ "affiliation": CORPORATE }' There are only string values in my data, so I don't need to check value types. How can I alter my regex expression to add quotations to
Read more