• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 336
  • Last Modified:

The correct way to create some space.

I have used FrontPage for years to write crummy HTML, but not am redoing my pages with css and having to learn html
I keep running into places where a pargraph runs into an image.2 <br> tags side by side seem to work, but am not sure if this is proper
I know i could also use a <div> tag with a margin or padding
I like using the <p>&nbsp;</p> as my <p> tag is styled to use the proper text

If i use the <p> tag it does not validate
This segment does not validate unlkess i do this <p>&nbsp;</p>
A <br> tag does not create enough space
Some Content
<p>
 <div style="text-align:center">
 <figure>
 <figcaption>Sheathing Replaced</figcaption>
 <img src="images/SkyLight/Newsheathing.jpg" width="400" height="147" alt="New osb sheathing installed" title=""/>
 </figure>
 </div><!--align:center-->
</p>


This works
Some Content
 <br /><br />
 <div style="text-align:center">
 <figure>
 <figcaption>Sheathing Replaced</figcaption>
 <img src="images/SkyLight/Newsheathing.jpg" width="400" height="147" alt="New osb sheathing installed" title=""/>
 </figure>
 </div><!--align:center-->
What is the correct way?
0
isnoend2001
Asked:
isnoend2001
1 Solution
 
GaryCommented:
Neither!
 <div style="text-align:center;margin-top:20px">
 <figure>
 <figcaption>Sheathing Replaced</figcaption>
 <img src="images/SkyLight/Newsheathing.jpg" width="400" height="147" alt="New osb sheathing installed" title=""/>
 </figure>
 </div><!--align:center-->

Open in new window

Adjust the margin-top as you like. But you shouldn't write css inline, you should use an external css file.
0
 
isnoend2001Author Commented:
thanks thats what needed to know
0

Featured Post

VIDEO: THE CONCERTO CLOUD FOR HEALTHCARE

Modern healthcare requires a modern cloud. View this brief video to understand how the Concerto Cloud for Healthcare can help your organization.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now