Ufdjrw

What do you call a plan that's an alternative plan in case your initial plan fails?

Is it ethical to upload a automatically generated paper to a non peer-reviewed site as part of a larger research?

How did the audience guess the pentatonic scale in Bobby McFerrin's presentation?

Single author papers against my advisor's will?

Take groceries in checked luggage

Working through the single responsibility principle (SRP) in Python when calls are expensive

What is special about square numbers here?

The variadic template constructor of my class cannot modify my class members, why is that so?

How to stretch delimiters to envolve matrices inside of a kbordermatrix?

Can a 1st-level character have an ability score above 18?

Windows 10: How to Lock (not sleep) laptop on lid close?

How can I define good in a religion that claims no moral authority?

Python - Fishing Simulator

Why is superheterodyning better than direct conversion?

How can I protect witches in combat who wear limited clothing?

Keeping a retro style to sci-fi spaceships?

Make it rain characters

Didn't get enough time to take a Coding Test - what to do now?

Cooking pasta in a water boiler

How do you keep chess fun when your opponent constantly beats you?

First use of “packing” as in carrying a gun

Did the new image of black hole confirm the general theory of relativity?

Create an outline of font

How to split my screen on my Macbook Air?

How do I get differing text alignments in the same div?

.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty height:90px;width:728px;box-sizing:border-box;

1

I have made this div:

<div id="MyDiv"><h>HeaderText</h><br>

 DivText

</div>

I want to have the HeaderText centralised and the DivText aligned left. Because its within the div, the HeaderText CSS text-align: left; contradicts the div CSS.

I want it to be in there so it keeps the background formatting, position etc of the div.

html css

share|improve this question

asked Mar 8 at 13:33

AlexAlex

216

add a comment | 

1

I have made this div:

<div id="MyDiv"><h>HeaderText</h><br>

 DivText

</div>

I want to have the HeaderText centralised and the DivText aligned left. Because its within the div, the HeaderText CSS text-align: left; contradicts the div CSS.

I want it to be in there so it keeps the background formatting, position etc of the div.

html css

share|improve this question

asked Mar 8 at 13:33

AlexAlex

216

add a comment | 

I have made this div:

<div id="MyDiv"><h>HeaderText</h><br>

 DivText

</div>

I want to have the HeaderText centralised and the DivText aligned left. Because its within the div, the HeaderText CSS text-align: left; contradicts the div CSS.

I want it to be in there so it keeps the background formatting, position etc of the div.

html css

share|improve this question

asked Mar 8 at 13:33

AlexAlex

216

<div id="MyDiv"><h>HeaderText</h><br>

 DivText

</div>

share|improve this question

asked Mar 8 at 13:33

AlexAlex

216

share|improve this question

asked Mar 8 at 13:33

AlexAlex

216

asked Mar 8 at 13:33

AlexAlex

216

asked Mar 8 at 13:33

AlexAlex

216

2 Answers
2

active

oldest

votes

1

This works fine. I'd suggest it's because you are using unknown tags <h> in your code

h1 
 text-align: center;

<div id="MyDiv">
 <h1>HeaderText</h1>

 DivText

</div>

share|improve this answer

answered Mar 8 at 13:41

Paulie_DPaulie_D

76.1k96991

add a comment | 

1

You can wrap the DivText in another <div>. See below:

#MyDiv 
 width: 100px;
 border: 1px solid black;


header 
 text-align: center;


div.inner
 text-align: left;

<div id="MyDiv">
 <header>HeaderText</header><br>
 <div class="inner">DivText</div>
</div>

share|improve this answer

answered Mar 8 at 13:36

Anurag SrivastavaAnurag Srivastava

2,14021220

add a comment | 

Your Answer

StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");

StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);

else
createEditor();

);

function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);



);

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);

Sign up using Google

Sign up using Facebook

Sign up using Email and Password

Post as a guest

Name

Email

Required, but never shown

StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55064296%2fhow-do-i-get-differing-text-alignments-in-the-same-div%23new-answer', 'question_page');

);

Post as a guest

Name

Email

Required, but never shown

1

This works fine. I'd suggest it's because you are using unknown tags <h> in your code

h1 
 text-align: center;

<div id="MyDiv">
 <h1>HeaderText</h1>

 DivText

</div>

share|improve this answer

answered Mar 8 at 13:41

Paulie_DPaulie_D

76.1k96991

add a comment | 

1

This works fine. I'd suggest it's because you are using unknown tags <h> in your code

h1 
 text-align: center;

<div id="MyDiv">
 <h1>HeaderText</h1>

 DivText

</div>

share|improve this answer

answered Mar 8 at 13:41

Paulie_DPaulie_D

76.1k96991

add a comment | 

This works fine. I'd suggest it's because you are using unknown tags <h> in your code

h1 
 text-align: center;

<div id="MyDiv">
 <h1>HeaderText</h1>

 DivText

</div>

share|improve this answer

answered Mar 8 at 13:41

Paulie_DPaulie_D

76.1k96991

h1 
 text-align: center;

<div id="MyDiv">
 <h1>HeaderText</h1>

 DivText

</div>

h1 
 text-align: center;

<div id="MyDiv">
 <h1>HeaderText</h1>

 DivText

</div>

h1 
 text-align: center;

<div id="MyDiv">
 <h1>HeaderText</h1>

 DivText

</div>

share|improve this answer

answered Mar 8 at 13:41

Paulie_DPaulie_D

76.1k96991

answered Mar 8 at 13:41

Paulie_DPaulie_D

76.1k96991

answered Mar 8 at 13:41

Paulie_DPaulie_D

76.1k96991

1

You can wrap the DivText in another <div>. See below:

#MyDiv 
 width: 100px;
 border: 1px solid black;


header 
 text-align: center;


div.inner
 text-align: left;

<div id="MyDiv">
 <header>HeaderText</header><br>
 <div class="inner">DivText</div>
</div>

share|improve this answer

answered Mar 8 at 13:36

Anurag SrivastavaAnurag Srivastava

2,14021220

add a comment | 

1

You can wrap the DivText in another <div>. See below:

#MyDiv 
 width: 100px;
 border: 1px solid black;


header 
 text-align: center;


div.inner
 text-align: left;

<div id="MyDiv">
 <header>HeaderText</header><br>
 <div class="inner">DivText</div>
</div>

share|improve this answer

answered Mar 8 at 13:36

Anurag SrivastavaAnurag Srivastava

2,14021220

add a comment | 

You can wrap the DivText in another <div>. See below:

#MyDiv 
 width: 100px;
 border: 1px solid black;


header 
 text-align: center;


div.inner
 text-align: left;

<div id="MyDiv">
 <header>HeaderText</header><br>
 <div class="inner">DivText</div>
</div>

share|improve this answer

answered Mar 8 at 13:36

Anurag SrivastavaAnurag Srivastava

2,14021220

#MyDiv 
 width: 100px;
 border: 1px solid black;


header 
 text-align: center;


div.inner
 text-align: left;

<div id="MyDiv">
 <header>HeaderText</header><br>
 <div class="inner">DivText</div>
</div>

#MyDiv 
 width: 100px;
 border: 1px solid black;


header 
 text-align: center;


div.inner
 text-align: left;

<div id="MyDiv">
 <header>HeaderText</header><br>
 <div class="inner">DivText</div>
</div>

#MyDiv 
 width: 100px;
 border: 1px solid black;


header 
 text-align: center;


div.inner
 text-align: left;

<div id="MyDiv">
 <header>HeaderText</header><br>
 <div class="inner">DivText</div>
</div>

share|improve this answer

answered Mar 8 at 13:36

Anurag SrivastavaAnurag Srivastava

2,14021220

answered Mar 8 at 13:36

Anurag SrivastavaAnurag Srivastava

2,14021220

answered Mar 8 at 13:36

Anurag SrivastavaAnurag Srivastava

2,14021220