Sideway
output.to from Sideway



Draft for Information Only

Content

CSS Pictures Arrangement in a Box Examples
 Pictures Arrangement in a Box Examples

CSS Pictures Arrangement in a Box Examples

Pictures Arrangement in a Box Examples

  1. Pictures Arrangement in a Box Example 1: Center a Picture in a Box last updated 4Sep2016
    CSS Code Input:
    <div style="width:500px; height:auto; border:1px solid blue; background-color:#E0FFFF; margin:5px 0; padding:5px; font:normal normal normal 16px/1.1 sans-serif;text-decoration:none ">
    <img style="display:block; margin:0 auto; border-width:0px; width:150px; height:auto;" src="./../images/pic1.jpg" alt="Pic1" /> 
    </div>
    HTML Web Page In-line Output:
    Pic1
  2. Pictures Arrangement in a Box Example 1: Center 2 Pictures in a Box Horizontally last updated 4Sep2016
    CSS Code Input:
    <div style="text-align:center; width:500px; height:auto; border:1px solid blue; background-color:#E0FFFF; margin:5px 0; padding:5px; font:normal normal normal 16px/1.1 sans-serif;text-decoration:none ">
    <img style="display:inline; border-width:0px; height:200px" src="./../images/pic1.jpg" alt="Pic1" /> 
    <img style="display:inline; border-width:0px; height:200px" src="./../images/pic2.jpg" alt="Pic2" /> 
    </div>
    HTML Web Page In-line Output:
    Pic1 Pic2
  3. Pictures Arrangement in a Box Example 1: Center 2 Pictures in a Box Vertically last updated 4Sep2016
    CSS Code Input:
    <div style="width:500px; height:auto; border:1px solid blue; background-color:#E0FFFF; margin:5px 0; padding:5px; font:normal normal normal 16px/1.1 sans-serif;text-decoration:none ">
    <img style="display:block; margin:0 auto; border-width:0px; width:150px" src="./../images/pic1.jpg" alt="Pic1" /> 
    <img style="display:block; margin:0 auto; border-width:0px; width:150px" src="./../images/pic2.jpg" alt="Pic2" /> 
    </div>
    HTML Web Page In-line Output:
    Pic1 Pic2

©sideway
close

References

  1. http://www.w3.org/TR/1999/REC-html401-1999, 1999, HTML 4.01 Specification: W3C Recommendation, updated 24 December 1999
close

ID: 160900006 Last Updated: 2016/9/4 Revision: Ref:

IMAGE

Home (5)

Business

Management

HBR (3)

Information

Recreation

Hobbies (7)

Culture

Chinese (1097)

English (335)

Reference (66)

Computer

Hardware (149)

Software

Application (187)

Digitization (24)

Numeric (19)

Programming

Web (554)new

CSS (SC)

HTML

Knowledge Base

Common Color (SC)

Html Entity (Unicode) (SC)

Html 401 Special (SC)

OS (368)

MS Windows

Windows10 (SC)

DeskTop (6)

Knowledge

Mathematics

Formulas (8)

Number Theory (206)

Algebra (17)

Trigonometry (18)

Geometry (18)

Calculus (67)

Complex Analysis (13)new

Engineering

Tables (8)

Mechanical

Mechanics (1)

Rigid Bodies

Statics (92)

Dynamics (37)

Fluid (5)

Fluid Kinematics (5)

Control

Process Control (1)

Acoustics (19)

FiniteElement (2)

Biology (1)

Geography (1)

Latest Updated Links

Copyright © 2000-2019 Sideway . All rights reserved Disclaimers last modified on 10 Feb 2019