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

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

close

References

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

Home 5

Business

Management

HBR 3

Information

Recreation

Hobbies 8

Culture

Chinese 1097

English 337

Reference 67

Computer

Hardware 149

Software

Application 198

Digitization 119

Numeric 19

Programming

Web 283

Unicode 494

HTML 65

CSS 58

ASP.NET 97

OS 389

DeskTop 7

Python 19

Knowledge

Mathematics

Formulas 8

Algebra 25

Number Theory 206

Trigonometry 18

Geometry 18

Calculus 67

Complex Analysis 21

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

Physics

Electric 27

Biology 1

Geography 1


Copyright © 2000-2020 Sideway . All rights reserved Disclaimers last modified on 06 September 2019